.margin-top-6 {
    margin-top: 6px
}

.btn-continue {
    width: 15% !important;
    left: 620px !important
}

.register-font-text {
    font-family: DMSANS-BOLD;
    font-size: 33px;
    letter-spacing: 0 !important;
    color: #272727 !important
}

.margin-top-90 {
    margin-top: 40px
}

.top-buffer {
    margin-top: 20px
}

.motivational-message {
    margin-left: -23px;
    padding-right: 0
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-10 {
    padding-top: 10px
}

.carousel-control-left {
    color: red
}

.carousel-control-right {
    color: red
}

.ShowMe {
    white-space: nowrap;
    margin-top: 6px
}

label {
    font-weight: unset !important
}

.font-Montserrat {
    font-family: Montserrat-Regular;
    color: #553c54
}

.display-inline {
    display: inline
}

.background {
    background: 0 0 !important
}

.panel-hide-show {
    margin-top: 20px !important;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 0 !important
}

.browse-snippets-p {
    margin: 0 0 10px 0
}

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

.margin-top-10 {
    margin-top: 10px
}

.font-size-17 {
    font-size: 17px
}

.navMenu {
    margin: auto 0 !important;
    text-align: left;
    padding: 0 4px !important
}

.navbar-default {
    box-shadow: none;
    background-color: #fff
}

.footer-heading {
    text-decoration: none !important;
    color: #fff;
    font-family: Lato,Arial,sans-serif;
    font-size: 13px
}

    .footer-heading:hover {
        text-decoration: none;
        color: #fff
    }

.height-20 {
    height: 20px;
    margin-right: 15px
}

.height-12 {
    height: 12px
}

.menufont {
    text-decoration: none !important;
    color: #31261d;
    font-size: 14px;
    font-family: Lato,Arial,sans-serif;
    margin: 15px
}

.hr {
    background-color: #c80000;
    -webkit-transform: rotate(90deg);
    position: absolute;
    height: 2px;
    left: 156px;
    border: 2px;
    margin-top: -24px
}

.marginmenuitem {
    margin-right: -25px
}

.marginbtnCollapse {
    margin: 15px
}

.profileDiv {
    float: right;
    margin-top: -30px;
    margin-right: 15px
}

.line {
    margin-top: 15px;
    height: 4%;
    width: 1px;
    background: #cfc7c0;
    top: 0;
    bottom: 0;
    position: fixed
}

.alignContent {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center
}

.social-icon {
    height: 50px;
    width: 50px
}

.dropdownbutton {
    min-width: 150px
}

.margin-top-20 {
    margin-top: 20px
}

body {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-10 {
    margin-bottom: 10px
}

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

.margin-left-15 {
    margin-left: -15px
}

@media only screen and (max-width:767px) {
    .div-back {
        max-width: 100%;
        width: 100% !important;
    }

    body .tracking-setup-container ul.silder {
        top: -39.5px;
    }

    .tracking-setup-container ul.silder_number_pointers {
        display: flex;
        justify-content: space-between;
        color: #000;
        width: 100%;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        padding-left: 5px;
        padding-right: 8px;
    }

    body .tracking-setup-container ul.silder {
        display: flex;
        justify-content: space-between;
        color: #000;
        width: 100%;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        padding-left: 10px;
        padding-right: 6px;
    }

    #setQuestionnaire .register-label {
        display: block;
    }

    div.Activity-Landing-Description .paragraph-after-li {
        padding-left: 55px;
    }

    .display_block_in_mobile sapn, .display_block_in_mobile strong {
        display: block;
    }

    .popover.right {
        left: 16% !important;
    }

    .sidenav.mobile {
        height: 100vh;
    }

    span.your-treatment7-Heading1 {
        line-height: 36px !important;
    }

    span.your-treatment14-Heading1 {
        line-height: 36px;
    }

    span.your-treatment14-Heading1 {
        letter-spacing: 1.4px !important;
    }

    .main-header-logo {
        padding-left: 15px;
    }

    label.float-left.your-treatment-number7 {
        margin-bottom: 10px;
    }

    label.float-left.your-treatment-number14.letter-spacing {
        margin-bottom: 8px;
    }

    div.symptomScreener {
        margin-left: 0px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .user-self-assessment .register-step2-sub-description {
        padding-left: 0px;
        padding-right: 0px;
    }

    .registration-body .user-self-assessment .questionnairSurvey {
        float: none;
    }

    .symptomScreener .questionnairSurvey {
        float: none !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    div.Man_Central .Activity-Landing-Description ol li, div.Activity-Landing-Description ul li {
        padding-right: 15px !Important;
    }

    button.btn.btnNext, button.btn.btnback {
        padding: 8px 2px;
    }

    button.btn.btnback {
        float: right !important;
    }

    .contactUs-container .header1 {
        line-height: 50pt;
        vertical-align: middle;
        padding-top: 60px !important;
        height: 200px !important;
        background: url(/Images/Tracking_Splash.png), #fff5e8;
        background-size: 310px 400px !important;
        background-repeat: no-repeat;
        background-position: left 0 bottom;
    }

    .contactUs-container.crisis_Support .header1 {
        line-height: 36pt;
        padding-top: 60px !important;
        padding: 30px;
        height: 200px !important;
        background-size: 310px 400px !important;
        background-repeat: no-repeat;
        background-position: left 0 bottom;
    }


    div.module-keep-learning .table-bordered, div.row.module-activities {
        padding: 0;
        height: auto;
    }

    .date-format-for-mobile {
        width: 100%;
        display: table
    }

    .progress-div {
        width: 8%;
        height: 25px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .text-center.progress-main-div.sleep {
        padding-left: 0
    }

    div.progress-div {
        width: 20px;
        height: 20px;
        border: 2px solid #e14504;
        border-radius: 100%;
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 50%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 50%;
        position: absolute;
        right: 0;
        background-position: bottom 20px right 0;
        bottom: 0
    }

        div.sleep-activity-bg-img.Man_Central {
            width: 90%;
            height: 41%
        }


    .sleep-landing-container.smart {
        height: 1800px
    }

    .sleep-landing-container.Man_Central {
        height: 1500px;
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 830px 59%;
        height: 1300px
    }

        .sleep-landing-container.tracking_Unhelpful_Thinking.sleep-landing-container.tracking_Unhelpful_Thinking {
            height: 1500px
        }

    div.row.progressbar-for-activity {
        width: 90%;
        margin: auto
    }

    div.row.module-keep-learning {
        background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
        background-size: 100% 30%;
    }

    .row.module-keep-learning.padding_left_100 {
        float: left;
    }

    div.module-box {
        padding-left: 15px
    }

    div.core-module {
        padding-left: 20px
    }

    h4.Activity-Recommended {
        padding-left: 0
    }

    div.Activity-Keep-Learning-Description {
        padding-left: 15px
    }

    div.activity-header {
        background-size: 380px 500px;
        height: 500px
    }

    div.module-box1 {
        width: auto
    }

    div.ModuleButtonSpanB {
        width: 75%
    }

    .healthprofessionals {
        margin-left: 0
    }

    .basicModuleBox {
        padding-right: 15px !important
    }

    div.healthcare-header {
        background-position: right 0 top !important;
        background-size: 175px 100% !important;
        height: 400px
    }

    .owl-carousel.owl-loaded {
        z-index: 0
    }

    .featureSnippet .padding100 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .orangeclr.visiable-for-mobile {
        display: block !important
    }

    .orangeclr.visiable-for-desk {
        display: none !important
    }

    .newUserModal-dialog.container .modal-content {
        height: auto !important
    }

    .modal-content .modal-body p {
        word-break: break-word
    }

    .margin-top-90 {
        margin-top: 0 !important
    }

    .questionnairSurvey {
        margin-bottom: 80px !important
    }

    div.footerHome {
        margin-top: -15px !important;
        margin-bottom: 0 !important;
        height: auto
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        padding: 5px 30px 30px 0 !important
    }

    .table-bordered .faicon span.custom-fa {
        position: relative;
        right: 32px
    }

    .Knowledge .table-bordered .faicon span.custom-fa {
        right: 0
    }

    .width_300_mobile {
        width: 300px
    }

    .modal-content .modal-title {
        word-break: break-word;
        line-height: 40px !important
    }

    .modal .newUserModal-footer .btn {
        float: unset;
        color: #e14504;
        margin-left: 8px !important;
        background: #fff !important;
    }

    .crisesSupport-width {
        width: 338px !important
    }

    .register-header {
        font-family: DMSANS-REGULAR;
        padding-top: 0 !important
    }

    .registration-body .dark-orange a {
        font-family: DMSANS-REGULAR !important;
        font-size: 14pt !important
    }

    .btn-step1-continue {
        margin-left: -10px !important
    }

    .ddlBirthYear .dropdown-menu {
        width: 76% !important
    }

    .register-aside-header {
        margin-left: -10px !important
    }

    .btn-continue {
        width: 30% !important;
        left: 62px !important
    }

    .glyphicon.glyphicon-chevron-right:before {
        content: " " !important
    }

    .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    label.padding-left-0.register-label.margin-left-32.padding-top-bottom-10.register-label {
        margin-top: 10px
    }

    margin-bottom-23 {
        margin-bottom: -23px !important
    }

    .hear_from, div.getstartedIn5-text, p.personalize-text {
        font-size: 22px !important
    }

    span.expClass::after {
        content: ""
    }

    span.colsClass::after {
        content: ""
    }

    div.primaryGraphicimg {
        float: none
    }

    div.dashboard {
        margin-top: 0
    }

    .professional .Basic-Text-Frame {
        position: relative
    }

    .professional_img {
        display: none
    }

    .professional_Backgorund {
        display: none
    }

    .jump-to-topic .width-120-per {
        width: 150px !important
    }

    ul.jump-to-topic li:hover {
        text-decoration: none !important
    }

    div ul.jump-to-topic {
        margin-top: 18px
    }

    .hamberger-badge, .tracking-box {
        position: relative !important
    }

    body {
        padding-top: 0
    }

    button.nextclr {
        margin-left: 34px !important;
        padding: 9px 92px 10px 52px !important;
        width: 10% !important
    }

    .padding-trackingsetup {
        padding: 10px !important
    }

    select.margin {
        margin-bottom: 10px !important
    }

    input.margin1 {
        margin-bottom: 0 !important
    }

    .non-active-module-in-dashboard {
        height: auto !important
    }

    .remove-badge .badge {
        display: none
    }

    .navbar-nav {
        margin: 7.5px 7px
    }

    .padding {
        padding: 7px 15px 15px 15px !important
    }

    .mob-text-center {
        text-align: center !important
    }

    .align, ul.nav {
        text-align: center
    }

    .mobile-width-115per {
        width: 115% !important
    }

    .margin-left22px {
        margin-left: -8px !important
    }

    .margin-left-minus65px {
        margin-left: 0 !important
    }

    .margin-left-mobile-minus5 {
        margin-left: -5px
    }

    .tracker-social-right {
        margin-left: 0 !important
    }

    .margin-right-5px {
        margin-right: 1px !important
    }

    .margin-top-tracker-40 {
        margin-top: 10px !important
    }

    .mob-margin-left-3per {
        margin-left: -3% !important
    }

    .margin-left-mobile-minus15 {
        margin-left: -15px !important
    }

    .padding-bottom-mob-25px {
        padding-bottom: 25px !important
    }

    .margin-left-paused-circle-22 {
        margin-left: 0 !important
    }

    .circleInDashboard canvas {
        height: 145px !important;
        width: 145px !important;
        margin-left: -21px !important;
        margin-top: -8px !important
    }

    .margin-left-48px {
        margin-left: -10px !important
    }

    .mobile-margin-top-42 {
        margin-top: 15px !important
    }

    .align {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px
    }

    .hamberger-badge {
        position: relative !important;
        right: -5px;
        top: 15px;
        float: left;
        z-index: 1;
        margin-right: 5px
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 5% !important
    }

    .userQuestions div.row {
        margin-left: 0 !important;
        margin-right: 0
    }

    .nav li.icon {
        display: inline-block
    }

    .mobile-hidden {
        display: none
    }

    ul.nav {
        text-align: center
    }

    .tracking-box {
        position: relative !important
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -7px;
        padding-left: 10px;
        border-left: 0;
        margin-top: 0
    }

    .mobile-text-align-center {
        text-align: center !important
    }

    .width-100-per-mobile {
        width: 100%
    }

    div.Screenshot1-image-margin {
        text-align: start;
        margin-top: -43px;
        margin-right: 2px
    }

    .mobile-remove-margin-left {
        margin-left: 0
    }

    .footer-elements {
        width: 100%;
        background-repeat-y: no-repeat;
        background-size: 156% 100%;
        margin-left: 2px;
        padding-top: 74px;
        margin-top: 0 !important
    }

    .footerHome {
        background: 0 0 !important
    }

    .remove-left-margin-mobile {
        margin-left: -10px !important
    }

    .margin-left-5-neg {
        margin-left: 0 !important
    }

    .lead1 {
        margin-bottom: 14px;
        font-size: 12px !important;
        line-height: 1.4
    }

    .getstartedbutton-width {
        width: 50% !important;
        margin-left: 0 !important
    }

    .mob-14week {
        padding-left: 6px;
        padding-top: 15px
    }

    .mob-14week1 {
        padding-top: 28px;
        padding-left: 30px
    }

    .margin-left-5neg {
        margin-left: 0 !important
    }

    .padding-7week {
        padding: 0
    }

    .header ul.nav li {
        width: 100%;
        text-align: left
    }

        .header ul.nav li a {
            text-align: left
        }

    .mobile-padding-0 {
        padding: 0
    }

    .mobile-padding-left-0 {
        padding: 0
    }

    .mobile-padding-margin-left-less5 {
        padding-left: 0;
        margin-left: -5px;
        margin-top: 25px
    }

    .mobile-text-align-left {
        text-align: left !important
    }

    .margin-continue-register {
        margin-left: 4%
    }

    div.getstartedbutton.getstartedbutton-width.share-mycompass {
        padding: 9px 0
    }

    span.healthcare-text {
        letter-spacing: 0 !important;
        font-size: 26px !important
    }

    .healthCareHeight {
        line-height: 24px
    }

    h1.myCompass-text {
        letter-spacing: 0 !important;
        font-size: 42px !important
    }

    .ModuleButtonSpan {
        height: 100% !important;
        overflow: scroll
    }

    div.submit-tracking-button {
        font-size: 12px !important;
        margin-left: 16.6666% !important
    }

    .dashboard-progress-bar .circle div {
        top: 28px;
        left: 3px
    }

    .dashboard-progress-bar .circle span {
        top: 37px;
        left: -10px
    }

    .dashboard-progress-row {
        padding-top: 35px !important
    }

    .activity-progress-row {
        padding-top: 35px !important
    }

        .activity-progress-row .circle div {
            top: 28px;
            left: 5px
        }

        .activity-progress-row .circle span {
            margin-left: 5px
        }

    .reset-password-header {
        font-size: 30px !important
    }
}

@media (min-width:1281px) {
    .icon {
        list-style: none;
        float: left;
        margin: 0;
        padding: 5px;
        position: relative;
        top: 8px
    }

    .footermargin {
        margin-left: -64px
    }
}

@media (min-width:1281px) {
    .marginleft {
        margin-left: -25px
    }
}

@media (min-width:1281px) {
    .width-120 {
        width: 120px
    }
}

@media (min-width:1281px) {
    .floatright {
        float: right
    }
}

@media only screen and (max-width:767.8px) {
    .core-module .inner {
        height: 56px !important
    }

    .profile-self-assessment .selfassessmentpadding {
        margin-top: 0px;
    }

    div.Knowledge .depression-factsheet-link p.quickLinks-btn a {
        color: #e14504 !important;
        word-break: break-word;
        background: transparent !important;
        font-family: DMSans-Medium !important;
        font-size: 12pt !important;
        letter-spacing: 2px !important;
        padding: 0;
        border: 0;
        border-radius: 50px;
        text-transform: uppercase;
        box-shadow: none !important;
        box-sizing: content-box;
        width: 100%;
        height: 100%;
        display: table;
        line-height: 21.5px;
    }

    div.PrimaryGraphics.mycompass_tracking {
        height: 700px;
    }


    div.Knowledge p.quickLinks-btn {
        border: 2px solid #e14504;
        border-radius: 50px;
        text-align: center;
    }

    div.sidenav .header-right {
        margin-left: 30px;
    }

    div.testimonial-declarations p {
        font-size: 14pt;
    }

    div.testimonial-declarations p {
        font-size: 14pt;
    }

    div.hear_from {
        font-size: 27pt !important;
    }

    .padding-for-mobile {
        padding-top: 60px;
    }

    .navbar.container-fluid {
        position: fixed;
        z-index: 1030;
        left: 0;
        border-radius: 0;
        top: 0;
        border-width: 0 0 1px;
        width: 100%;
    }

    div.Profile .rzslider .rz-pointer {
        margin-left: 3px;
    }

    .margin_left_7_persent_mobile {
        margin-left: 7%;
    }

    .knowledgeCentre-buttons {
        display: flex;
        justify-content: center;
        margin-left: -6px;
    }

    div.margin-left-15.Activity-Recommended-Headings, div.margin-left-15px.Activity-KeepLearning-Description, div.margin-left-15px.Activity-Keep-Learning-Description {
        margin-left: 0px !important;
    }

    .Profile .display_flex {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    div.sleep-activity-bg-img.Taking_Charge_Of _Worry {
        background-size: 100% 30%
    }

    .core-module div.progressbar.progressbarInButton {
        margin: 4px -24px 0 0 !important
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div.author {
        padding-right: 8px
    }

    div.progressbar.progressbarInButton {
        margin: 4px -24px 0 0 !important
    }

    .inner {
        height: 80px !important;
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div.author .Snippet-About-DropDown {
        float: right
    }

    .selfAssessmentInDashboard .selfAssessment {
        padding-left: 15px !important
    }

    div.height-whitebutton {
        height: 90.79px !important;
    }

    .selfAssessmentInDashboard .selfAssessment {
        padding-left: 15px !important
    }

    .Your_snippet_About_DropDown_div {
        padding-right: 0
    }

        .Your_snippet_About_DropDown_div div.snippet_About_DropDown_div {
            padding-right: 0;
            margin-top: 20px;
            margin-bottom: 24px;
        }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        width: 100% !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        width: 222px !important;
        float: none
    }

    div.snippet_About_DropDown_div {
        padding-right: 0
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        padding-top: 3px;
        padding-right: 25%;
        padding-bottom: 3px;
        background-position: right 5% top 13px;
        padding-left: 5% !important;
        width: 100% !important
    }

    div.favouriteSnippets .browseSnippets .Snippet-About-DropDown {
        padding-left: 17% !important;
        padding-right: 25%;
        background-position: right 17% top 13px;
        width: 100% !important
    }

    div.dashboard-Activity-Module-Completed-Name, div.dashboard-Activity-Module-Paused {
        font-size: 12pt !important;
        word-break: break-word !important
    }

    .selfAssessment-padding-left-6px {
        padding-left: 0
    }

    .sharewithmyCompass div.printable-brochures-main-header {
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 33% 100%,100% 100%;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    label.control-label.alignContent.register-header2 {
        padding: 0 0;
        text-align: center
    }

    .register button.share-mycompass-button {
        margin-left: 0
    }

    div.dashboard-Activity-Module-Completed-Name, div.dashboard-Activity-Module-Paused {
        font-size: 12pt !important;
        word-break: break-word !important
    }

    .selfAssessment-padding-left-6px {
        padding-left: 0
    }

    .sharewithmyCompass div.printable-brochures-main-header {
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 175px 100%,100% 100% !important;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    label.control-label.alignContent.register-header2 {
        padding: 0 0;
        text-align: center
    }

    .register button.share-mycompass-button {
        margin-left: 0
    }

    .padding_mobile_left_right_30 {
        padding: 0 30px
    }

    div.dot-progress-bar {
        justify-content: center;
        display: flex
    }

    .divscroll-height {
        height: auto !important
    }

    .padding_mobile_left_right_8 {
        padding: 0 8px
    }

    #favoriteSnippet_myCarousel.favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    div.Motivational {
        padding-left: 15px;
        width: 100%
    }

    .snippetType.Tips {
        padding-right: 0;
        width: 100%
    }

    div.about_SelfAssessment .custom-anchor.padding-left-right-30px {
        padding-left: 1px
    }

    div.register-header.registration-Step2-text {
        padding-top: 50px !important
    }

    .dashboard .carousel-inner.ViewSnippet .Dashboard-ViewSnippet.mobile-margin-top-6 {
        padding: 15px 0
    }

    .sleep-landing-container.Managing_fear_and_anxiety {
        height: 1800px
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 50% 42% !important;
        background-position: bottom 55px right 42px
    }


    div.sleep-landing-container.Managing_loss_and_major_life_change {
        height: 1520px
    }

    div.sleep-landing-container.Doing_what_really_counts {
        height: 1570px
    }

    div.sleep-activity-bg-img.Doing_what_really_counts, div.sleep-activity-bg-img.Managing_loss_and_major_life_change {
        background-size: 89% 68%;
        height: 410px
    }

    div.favouriteSnippets {
        height: auto
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right, .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-right {
        transform: translate(0,0) rotate(315deg) scale(.34,.34) !important
    }

    div.browseSnippets.margin-top-20 {
        margin-bottom: 0
    }

    div.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        width: 100%
    }

    div.favouriteSnippets {
        background-position: bottom
    }

    .favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    div.Snippet_header {
        background-size: 125% 68%,100% 100%;
        height: auto;
        background-position: right -43px top,left 0 top 0
    }

    h2.Snippets-Heading {
        margin-top: 120px
    }

    .container.module-Container .extra-modules .progressbar .circleInButton canvas, .container.module-Container .module-activities .circle canvas {
        width: 50px !important;
        height: 50px !important
    }

    .container.module-Container .module-activities .activity-progress-row .circle canvas {
        width: 220px !important;
        height: 220px !important
    }

    .extra-modules .progressbar-margintop-right.progressbarInButton {
        margin: -3px -17px -12px 0
    }

    div.activty_dot_img_background {
        /* background: url(../../Images/Activity_Header1.png),url(../../Images/Activity_Header.png);*/
        /* background: url(../../Images/Activity_Header_Transparent.png);*/
        background: url(../../Images/DotGraphics_Orange_portrait_A4_RGB_04.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: left 0 top;
        background-size: 600px 600px,100% 100%;
        width: 100%;
        height: 375px;
        text-align: center;
        padding: 65px 0;
        font-size: 14pt;
        color: #e14504;
        font-family: DMSans-Bold;
        background-color: #fff5e8 !important;
    }

    div.Activity-Active-Percentage.percentage-for-module-page {
        margin-top: 0 !important
    }

    .complete-percentage.complete-percentage-for-module {
        margin-top: 59px !important;
        margin-left: 0 !important
    }

    .container.module-Container .circle canvas {
        width: 175px !important;
        height: 175px !important
    }

    .dasbord-activity-container .progressbar.dashboard-progress-bar .circle canvas {
        vertical-align: middle;
        height: 220px !important;
        width: 220px !important
    }

    .navbar-nav .open .dropdown-menu {
        max-width: 100%
    }

    div.pause-button-div {
        min-height: 80px;
        padding-right: 0;
        background-position: 5px;
    }

    div.inner-pause-activity {
        padding-left: 15px;
        height: 80.79px !important;
    }

    div.activity-container {
        height: auto
    }

    div.next-button {
        padding: 0 15px
    }

    a.navigation-menu-withoutLogin.login.navigation.menu-login {
        padding-right: 0 !important
    }

    span.CharOverride-47 {
        text-align: left
    }

    .professional p.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0;
        text-align: left;
        padding: 0 !important
    }

    li.professional {
        padding: 0 14px !important;
        position: relative
    }

    .content-link {
        font-size: 15px !important
    }

    .mobile-content-link {
        padding-left: 15px !important
    }

    .btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .btn-org-mobile {
        width: 50% !important;
        padding-left: 19% !important;
        margin-left: 50px !important
    }

    button.next {
        margin-left: -15px !important;
        padding: 10px 92px 10px 50px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 30px 18px 32px !important
    }

    .mobile-margin-left-15px {
        margin-left: 15px
    }

    .ModuleButtonSpan {
        width: 70% !important
    }

    .circleInButton canvas {
        width: 40px;
        height: 40px
    }

    .mobile-padding-right-12 {
        padding-right: 12px
    }

    .mobile-margin-left-less15 {
        margin-left: -15px
    }

    .mobile-module-box {
        width: 115% !important;
        height: 100% !important
    }

    .mobile-margin-left-15per {
        margin-left: 15%;
        padding-left: 0
    }

    .mobile-width-98per {
        width: 98% !important
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px !important
    }

    .mobile-margin-left-bottom-15 {
        margin-left: 14%;
        margin-right: 13%;
        margin-bottom: 5%
    }

    .mobile-margin-left-bottom-5 {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .btnWidthMarginLeft {
        width: auto !important;
        margin-left: 0 !important
    }

    .mobile-margin-left-5px {
        margin-left: -5px !important
    }

    .margin-left-view-acti-12per {
        margin-left: 12% !important
    }

    .mobile-margin-left-15 {
        margin-left: -15px;
        margin-right: -15px !important
    }

    .complete-panel {
        margin-top: 0 !important
    }

    .margin-top-38 {
        margin-top: 0 !important
    }

    .continue3 {
        clear: both;
        top: 10px
    }

    .mobile.continue2 {
        margin: 0
    }

    .margin-top-minus-4 {
        margin-top: 8px !important
    }

    .margin-bottom-10 {
        margin-bottom: 10px
    }

    .margin-top-10 {
        margin-top: 10px
    }

    .motivationalmessage-mobile {
        margin-left: -30px;
        padding-right: 0
    }

    .margin-top-6 {
        margin-top: 6px
    }

    .text-align-center {
        text-align: center
    }

    .margin-left-about {
        margin-left: -20px
    }

    .margin-top-30 {
        margin-top: 30px
    }

    .display {
        display: none
    }

    .mobile-padding-top-15 {
        padding-top: 15px
    }

    .myCompassImg {
        width: 110px !important
    }

    .header-right {
        margin-top: -23px !important;
        font-size: 18px
    }

    .navbar.container.navbar-default.clr div#myCompassNavbar {
        height: 0 !important
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54;
        text-align: center
    }

    .font-Montserrat-black-report {
        font-family: Montserrat-Regular;
        color: #553c54;
        text-align: center
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 0px 14px
    }

    .text-margin-left {
        margin-left: 23px !important
    }

    .height-20 {
        height: 20px
    }

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

    .fontsize {
        font-size: 10px !important
    }

    .margin-left-10per {
        margin-left: -2% !important
    }

    div.PrimaryGraphics .get-started-button.add-new-entry {
        padding-left: 0;
        width: 97%;
        padding-right: 0
    }

    div.tracking-setup-container .tracking-check-div label {
        width: 50%;
        margin: 0 0 10px 0;
        text-align: left;
        padding-left: 50px
    }

    div.tracking-setup-container .checkmark {
        margin-left: 20px
    }

    div.tracking-setup-container .Profile-Save-Button {
        margin: 0 10px;
        width: 93% !important;
        font-size: 14pt !important;
    }

    .tracking-setup-container .setup-header .header {
        font-size: 38pt !important;
    }

    div.tracking-setup-container .nav.nav-tabs li {
        width: 46%;
        font-size: 12pt !important;
        font-family: DMSANS-MEDIUM !important;
        line-height: 14.4pt !important;
        margin-left: 10px
    }

    div.tracking-setup-container {
        background-position: right 0 bottom;
        background-size: 75% 235px
    }

        div.tracking-setup-container .slider-container {
            position: relative;
            height: 50px
        }

            div.tracking-setup-container .slider-container .left {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 50%;
                text-align: left;
                padding-left: 15px;
                font-size: 16pt;
                line-height: 19.2pt
            }

            div.tracking-setup-container .slider-container .right {
                position: absolute;
                bottom: 0;
                right: 0;
                font-size: 16pt;
                line-height: 19.2pt
            }

        div.tracking-setup-container .tracking-questions {
            clear: both;
            padding: 0 15px
        }

            div.tracking-setup-container .tracking-questions label, div.tracking-setup-container .tracking-questions select, div.tracking-setup-container .tracking-questions span {
                width: 100%
            }

            div.tracking-setup-container .tracking-questions label {
                font-size: 16pt;
                line-height: 19.2pt
            }

            div.tracking-setup-container .tracking-questions select {
                margin-bottom: 20px;
                width: 100% !important
            }

        div.tracking-setup-container .col-md-12.text-center, div.tracking-setup-container .row.mobile-padding-top-15.margin-top-10 {
            clear: both
        }

    div.tracking-graph-container .lower-button-tracking {
        padding: 0 15px
    }

        div.tracking-graph-container .lower-button-tracking a {
            padding-bottom: 10px;
            float: left;
            width: 47%;
            margin-left: 7px
        }



    div.tracking-setup-container .dashboardDatePickerMob {
        width: 100% !important
    }

        div.tracking-setup-container .dashboardDatePickerMob input {
            outline: 0;
            border: 0 !important;
            box-shadow: none !important;
            text-align: center
        }

    div.tracking-setup-container .fa.fa-calendar {
        top: -1px !important
    }

    div.tracking-setup-container .slider-container .slider input[type=range] {
        width: 100%
    }

    div.tracking-setup-container .slider-container .slider {
        width: 100%
    }

    div.tracking-graph-container {
        /* padding: 20px 15px*/
        padding: 50px 15px;
    }

        div.tracking-graph-container .tracker-item {
            word-break: break-all
        }

        div.tracking-graph-container select {
            width: 100% !important;
            margin-bottom: 20px;
            font-size: 12pt;
            line-height: 14.4pt;
            text-transform: uppercase
        }

        div.tracking-graph-container .add-an-entry.white {
            margin-bottom: 20px;
            font-size: 12pt;
            line-height: 14.4pt;
            padding-left: 20px;
        }

        div.tracking-graph-container .trackers-text {
            font-family: DMSANS-MEDIUM;
            font-size: 16pt !important;
            letter-spacing: 0 !important;
            line-height: 19.2pt
        }

        div.tracking-graph-container .chart-wrapper {
            width: 93%;
            overflow-x: scroll;
            height: 500px;
            overflow-y: hidden;
            margin: 0 auto
        }

            div.tracking-graph-container .chart-wrapper .web-canvas-dashboard {
                width: 1000px !important;
                width: 1700px !important;
                height: 450px !important
            }

    div.track-setup-wrapper {
        padding: 0 25px
    }

    div.tracking-setup-container .nav-tabs {
        display: block
    }

    div.lower-button-tracking .text-align-right {
        clear: both
    }
}

@media only screen and (max-width:768px) {
    .knowledge-header .knowledgeCentre-InterestAreaName {
        color: black !important;
    }

    .mobile-color-white div#myCompassNavbar {
        overflow-x: hidden;
    }

    .navbar-default .navbar-toggle {
        z-index: 1;
    }

    div.height-whitebutton1 {
        height: 90.79px !important;
    }

    .crisesSupport-width {
        padding-top: 25px;
        padding-right: 0px;
    }

    .sidenav div.Snippet_header {
        background-size: 125% 100%;
    }

    .clear_both {
        clear: both
    }

    div.tracking-graph-container a.tracking_prev_button.Last14day {
        margin-left: 7%;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        right: 8%;
        margin-top: -8px;
        float: right;
        top: 0;
    }

    .margin_bottom_20_mobile {
        margin-bottom: 20px;
    }

    .padding_0_mobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.tracking-graph-container .filter-section .add-an-entry.last-days {
        margin-bottom: 20px;
        width: 75%;
        margin-left: 12.5%;
    }

    div.tracking-graph-container .filter-section .add-an-entry {
        margin-bottom: 20px;
        width: 75%;
        margin-left: 12.5%;
        margin-right: 0px;
    }

    div.tracking-graph-container a.tracking_next_button.RecentNotGoodDays, div.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays, div.tracking-graph-container a.tracking_next_button.RecentGoodDays, div.tracking-graph-container a.tracking_prev_button.RecentGoodDays {
        margin-top: -5px;
        margin-left: 7%;
    }

    div.tracking-graph-container a.tracking_next_button.RecentGoodDays {
        float: right;
        right: 8%;
        top: 0%;
    }


    div.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays {
        margin-left: 7%;
        margin-top: -5px;
    }

    div.tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
        right: 8%;
        top: 0px;
        float: right;
    }

    div.register-already-registered {
        margin-left: 0px !important;
        padding: 8px;
    }

    .header1.verify-Email {
        padding-top: 60px !important;
        height: 200px !important;
    }

    .div-back.symptomScreeners {
        width: 78%;
        margin: auto;
    }

    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 10pt !important;
        font-family: DMSANS-REGULAR;
    }


    .Profile .numpadRight0 {
        padding-right: 6px !important;
        padding-left: 9px !important;
    }

    .Profile .numpadRight1 {
        padding-right: 3px !important;
    }

    .Profile .numpadRight2 {
        padding-right: 3px !important;
    }

    .Profile .numpadRight3 {
        padding-right: 3px !important
    }

    .Profile .numpadRight4 {
        padding-right: 3px !important
    }

    .Profile .numpadRight5 {
        padding-right: 0px !important
    }

    .Profile .numpadRight6 {
        padding-right: 0px !important
    }

    .Profile .numpadRight7 {
        padding-right: 2px !important
    }

    .Profile .numpadRight8 {
        padding-right: 2px !important
    }

    .Profile .numpadRight9 {
        padding-right: 3px !important
    }

    select.form-control.Profile-Tracking-Reminder-Dropdown {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .restricted-collopse {
        display: block !important;
    }

    .popover.fade.bottom.in {
        left: 20px !important;
    }

        .popover.fade.bottom.in .arrow {
            left: 4% !important;
        }

    .tracking-setup-container .tab-content .question {
        font-family: DMSans-Regular;
        font-size: 18pt;
        line-height: 21.6pt;
        text-align: center;
        letter-spacing: 1px;
    }

    .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 116px !important;
    }

    .inner-header-logo-right .bdiImg.bdiImgMobile {
        padding-top: 10px;
    }

    .right-header-logo {
        margin-top: 5px !important;
        font-size: 18px;
        width: 265px;
        float: left !important;
        padding-left: 0 !important;
    }

    .adults-padding, .seniors-padding {
        padding-left: 0;
    }

    .symptomModel-footer.showSuicidalFeedback {
        display: flex;
        justify-content: center;
    }

    div.textalign {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .Register-Continue-Style button.Profile-Save-Button.button-orange.removehover.btn.btnResetPassword.btn-block {
        float: left;
    }

    .sleep-activity-bg-img.tracking_Unhelpful_Thinking {
        background-size: 100% 44%;
    }

    .favouriteSnippets .row.font-Montserrat-light.margin-top-20.margin-bottom-20 {
        margin-top: 0px;
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        width: 286px !important;
    }

    .myCompass.myCompass-text-color, .myCompass-text1-color, .Home_Splash-text-width .get-started-button {
        margin-left: 0 !important;
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1.logout {
        margin-top: 0 !important
    }

    div.knowledge-header {
        height: auto
    }

    .Tracking-Summary-Description, .row.Knowledgecenter {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .btn-return-to-dashboard-div {
        margin-left: 15px
    }

    div.whiteButton.height-buttonwhite.topUp-div {
        margin-left: 0
    }

    .container.tracking-pages.track-bg {
        height: 1200px
    }

    .mobile-self-assement-tabs li a, .tracking-pages .mobile-self-assement-tabs li {
        width: 100% !important
    }

    .knowledgeCentre input[type=radio].custom_radio_button {
        max-width: unset !important;
        width: unset !important
    }

    .inner-pause-activity.circle_div {
        position: relative;
        display: inline
    }

    .ModuleButtonSpanB.dashboard-Activity-Module-Paused.mobile-width-70per {
        width: 65%;
    }

    .self_assesment_mobile_padding_left_8_right_8 .takeSelf-Assessment-desc_div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .self_assesment_mobile_padding_left_0_right_0 .takeSelf-Assessment-desc_div {
        padding-left: 0
    }

    .featureSnippet .self_assesment_mobile_padding_left_0_right_0 .padding100 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .featureSnippet .self_assesment_mobile_padding_left_8_right_8 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .self_assesment_mobile_padding_left_0_right_0 {
        padding-left: 0;
        padding-right: 0
    }

    div.favouriteSnippets .Snippets-Your-Favourite {
        font-size: 18pt !important
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 25% !important;
        width: 50% !important;
    }

    .completed-activities {
        margin: 0
    }

    div.dasbord-Activity-Recommended {
        margin-top: 40px !important;
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px
    }

    .Snippets_Edit_div, .snippet_About_DropDown_div {
        padding-left: 0;
        margin-left: -6px
    }

    div.activeModulePanelDashboard .panel-footer {
        border-bottom-right-radius: 8px;
        margin-top: 0
    }

    .leftSide-img img {
        height: 314px
    }

    .padding-home-button {
        margin-bottom: 20px
    }

    .professionalsHeading-contents {
        padding-top: 100px !important
    }

    .offset-md-1 {
        margin-left: 0 !important
    }

    .mobile-your-teatment-7days-containor {
        float: left;
        width: 100%;
        display: block
    }

        .mobile-your-teatment-7days-containor .your-treatment-number {
            float: left !important
        }

        .mobile-your-teatment-7days-containor .your-treatment-7-day {
            float: left !important;
            text-align: left
        }

    .landing .self-assessment-mobile-container {
        padding-left: 0;
        padding-right: 0
    }

        .landing .self-assessment-mobile-container .featureSnippet.self-assesment {
            margin-left: -15px !important;
            width: auto !important;
            margin-right: -15px !important
        }

    .self-asessment-options {
        width: 100% !important
    }

    .landing .self-assessment-mobile-container .self-asessment-options {
        text-align: center
    }

    .register-contine {
        padding: 0 !important
    }

    /*MYC2-752 Starts*/
    h3.Profile-Tab-Heading {
        line-height: 20.8pt !important;
    }
    /*MYC2-752 Ends*/
    ul.silder_number_pointers li.step_2, ul.silder_number_pointers li.step_3, ul.silder_number_pointers li.step_4, ul.silder_number_pointers li.step_5, ul.silder_number_pointers li.step_6, ul.silder_number_pointers li.step_7, ul.silder_number_pointers li.step_8, ul.silder_number_pointers li.step_9, ul.silder_number_pointers li.step_10, ul.silder_number_pointers li.step_11 {
        left: 0;
        margin-left: 0;
        width: 4px;
        text-align: right;
    }

    .silder_number_pointers li.step_1 {
        position: relative;
        left: 0;
        margin-left: 0;
        width: 4px;
        text-align: left;
    }

    .slider-container ul.silder_number_pointers {
        width: 100%;
        display: flex;
        height: 22px;
    }
}

@media screen and (min-width:780px) {
    .min-height-178-web {
        min-height: 178px
    }

    .AnswerDiv {
        padding: 0 10px 0 0
    }

    .answer-options {
        padding: 0
    }

    .width-242px {
        width: 242px
    }

    .padding-left-10px {
        padding-left: 10px
    }

    .share-mycompass-button button {
        padding: 0
    }

    .padding-left-55 {
        padding-left: 55px !important
    }

    .padding-left-42 {
        padding-left: 42px
    }

    .border-left-registration {
        border-left: 1px solid #cecece
    }

        .border-left-registration .padding-left-registration {
            padding-left: 73px
        }

    .border-right-registration .padding-left-registration {
        padding-left: 73px
    }

    .dispaly-table {
        display: table
    }

    .table-cell {
        display: table-cell
    }

    .virtical-align-middle {
        vertical-align: middle
    }

    .float-none {
        float: none
    }

    .remove-left-padding {
        padding-left: 0
    }

    .required {
        color: #000
    }
}

@media only screen and (max-width:768px) {
    .padding-mobile-left-0 {
        padding-left: 0
    }

    .header ul.nav li {
        z-index: 1 !important;
    }

    .dashboardHeader p.tracking_text {
        font-size: 27pt;
    }

    .padding-mobile-right-0 {
        padding-right: 0
    }

    .footer-element-margin-left {
        margin-left: -20px;
        width: 110px
    }

    .padding-width-fontsize {
        padding-top: 14px;
        padding-left: 6px;
        font-size: 16px;
        text-align: center
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }

    .text-padding {
        padding-top: 0
    }

    .red-color {
        color: #e24201
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }
}

@media only screen and (max-width:768px) {
    .lineMobile {
        margin-top: 15px;
        height: 4%;
        width: 1px;
        background: #cfc7c0;
        top: 4px;
        bottom: 0;
        position: fixed
    }
}

@media only screen and (max-width:768px) {
    .alignContent {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .top-padding-40 {
        padding-top: 0 !important
    }

    .imgmobwidth95per {
        width: 60% !important
    }

    .margin-top-100 {
        margin-top: 40px !important
    }

    .mobileRow {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 8% !important
    }

    .margin-left-15 {
        margin-left: -15px !important
    }

    .lead-text-heading {
        font-size: 25px !important
    }

    .image-margin {
        margin-right: -15px !important;
        margin-left: 0 !important
    }

    .margin-left-6 {
        margin-left: 0 !important
    }

    .marginleftmob0 {
        margin-left: 0 !important
    }

    .padding-left-36per-mob-0per {
        padding-left: 4% !important
    }

    .padding-left-41per-mob-0per {
        padding-left: 5% !important
    }

    .div-boder-rightColormob {
        border: 1px solid #ddddd6 !important
    }

    .div-shadow {
        -moz-box-shadow: 8px 10px 4px -8px #ccc;
        -webkit-box-shadow: 8px 10px 4px -8px #ccc;
        box-shadow: 0 5px 6px 0 #ccc
    }

    .text-margin-left-mob {
        margin-left: 3px !important
    }

    div.Screenshot1-image-margin {
        text-align: start !important;
        margin-top: -5px !important;
        margin-right: 15px !important
    }

    .Screenshot3-image-margin {
        margin-top: -9px !important;
        margin-left: -12px !important
    }

    .font-size-22-mob {
        font-size: 22px !important
    }

    .text-size-mob {
        font-size: 28px !important;
        padding-top: 41px !important
    }

    .font-size-11-mob {
        font-size: 11px !important
    }

    .self-assesment-text-mob {
        font-size: 12px !important;
        font-family: Montserrat-Regular
    }

    .font-Montserrat-Light-Mob {
        font-family: Montserrat-Regular !important
    }

    .font-size-17-Mob {
        font-size: 17px !important
    }

    .btn-text-styling-mob {
        text-transform: uppercase;
        font-size: 10px
    }

    .text-uppercase-mob {
        text-transform: uppercase
    }

    .font-size-10-mob {
        font-size: 10px !important
    }

    .margin-top30-mob {
        margin-top: 30px !important
    }

    .margin-right-2-mob {
        margin-right: 2px !important
    }

    .margin-left-right-none {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .progressbar-margintop-right {
        margin-top: 5px;
        float: right;
        padding-right: 3px
    }

    .box-height {
        height: auto !important
    }

    .height-whitebutton1 {
        height: 57.79px !important
    }

    .paddingtop15 {
        padding-top: 15px !important
    }

    .box-width93per {
        width: 86% !important
    }

    .paddingleft5per {
        padding-left: 10% !important
    }

    .or-box-margin-left-right {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .or {
        color: #bebebe;
        background-color: #fff;
        position: absolute;
        text-align: center;
        top: -11px;
        width: 40px;
        left: 135px !important
    }

    .removeRow {
        padding-right: 3px !important;
        padding-left: 0 !important
    }

    .btn-line-height {
        width: 100% !important;
        cursor: pointer
    }
}

.margin-left30 {
    margin-left: 30px
}

.box-height {
    height: 268px
}

.height-whitebutton {
    height: 57.79px !important
}

.mobile-color-white {
    background-color: #fff !important
}

.padding-margin-left {
    padding-left: 25px !important;
    margin-left: 0
}

.mobile-padding-left-30 {
    padding-left: 30px !important
}

.register .row {
    padding-bottom: 3px;
    padding-top: 3px
}

.social-icon.twitter {
    height: 36px;
    width: 36px;
    margin-left: 6px
}

.social-icon.google {
    height: 40px;
    width: 43px;
    margin-left: 2px
}

.removeColor, .removeColor:active, .removeColor:focus, .removeColor:focus:active {
    background-color: transparent !important;
    color: #00f;
    background-image: none !important;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    outline: 0 !important
}

.loginlinksign {
    font-size: 26px;
    vertical-align: middle;
    color: #c1c1c1
}

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

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.header-right {
    margin-top: 15px !important;
    font-size: 18px;
    padding-left: 135px;
    margin-right: 15px
}

    .header-right .bdiImgMobile {
        width: 150px
    }

.fade-blue {
    color: #bebefb
}

button.btn-primary:hover {
    color: #286090;
    cursor: pointer
}

.error, .help-block {
    /* color: #e14504;*/
    color: red;
    font-size: 11px !important
}

.text-align-center {
    text-align: center
}

img.info-tooltip {
    width: 15px
}

.clear {
    clear: both
}

@media only screen and (min-width:769px) {
    .text-align-right {
        text-align: right
    }

    .option-2-selfassessment {
        padding-left: 0;
        text-align: center
    }

    .margin-left-9per {
        margin-left: 9%
    }

    .padding-left-right-45 {
        padding: 0 45px
    }

    div.web-canvas-dashboard {
        margin-left: 93px;
        width: 87%
    }

    .share-mycompass-button {
        padding-right: 25px
    }

        .share-mycompass-button button {
            padding: 0
        }

    .TabViewRow.professionalsHeading-contents h1 {
        font-size: 42pt;
        font-family: DMSans-Regular
    }
}

@media only screen and (max-width:768px) {
    .dashboardDatePickerMob {
        margin-left: -30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 37.33% !important;
        float: left !important
    }

    .mobile-margin-top-25 {
        margin-top: 25px
    }

    .mobile-padding-20 {
        padding: 20px
    }

    .center-img {
        width: 100%
    }

    .mobile-width-100-percent {
        width: 100%
    }

    .mobile-width-100-percent-important {
        width: 100% !important
    }

    .register-selfassessment .yellowbox {
        margin-left: 0 !important
    }

    .margin-padding {
        padding-left: 25px !important
    }

    .margin-top-27px {
        margin-top: 0
    }

    .margin-left-39 {
        margin-left: 0
    }

    .margin-left-12 {
        margin-left: 0
    }

    .margin-left-4 {
        margin-left: 0 !important
    }

    .profilepadding {
        padding: 5px !important
    }

    .selfassessmentpadding {
        padding: 0 8px 0 9px !important;
        margin-top: -22px
    }

    .resultselfpadding {
        padding: 5px !important
    }

    .margin-bottom-21 {
        margin-bottom: 0 !important
    }

    .width-postcode2 {
        width: 51% !important
    }

    .margin-left-39 {
        margin-left: 0 !important
    }

    .margin-top-27px {
        margin-top: -10px !important
    }

    .margin-left-12 {
        margin-left: 0 !important
    }

    .mob-margin-padding-next {
        margin-top: -6%;
        padding-bottom: 43px
    }

    .resultselfpadding1 {
        padding: 1px 40px 33px 23px !important;
        margin-top: -22px
    }

    .margin-left-42 {
        margin-left: 25% !important
    }

    .padding-snippet {
        padding: 5px 3px 8px 9px !important
    }

    .margin-left-20min {
        margin-left: -8px !important
    }

    .margin-left-62 {
        margin-left: -12px !important
    }

    .text-align-right {
        text-align: left !important
    }

    .padding-send {
        padding: 0 10px 13px 7px !important
    }

    .margin-send {
        margin-left: 0 !important;
        margin-bottom: 5%;
        margin-top: 0 !important
    }

    .margin-left-2-neg {
        margin-left: 0 !important
    }

    .margin-freq {
        margin-left: 0 !important;
        margin-top: 1% !important;
        margin-bottom: 5%
    }

    .margin-freq1 {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-bottom: -3%
    }

    .margin-timezone {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-mssidn-input {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-via {
        margin-top: -4px !important;
        margin-left: 2px !important
    }

    .padding-trackingremind {
        padding: 5px 3px 8px 9px !important
    }

    .mob-padding-left-right-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-top-1per {
        margin-top: 1%;
        padding: 0 !important
    }

    .margin-left-31 {
        margin-left: 0 !important
    }

    .padding-right-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .margin-left-7 {
        margin-left: -7% !important
    }

    .padding-bottom-10 {
        padding-bottom: 10px
    }

    .margin-left-15per {
        margin-left: 0 !important
    }

    .margin-left-7px {
        margin-left: 0 !important
    }

    .margin-left-2point5per {
        margin-left: 0 !important
    }

    .margin-left-42px {
        margin-left: 42px
    }

    .next-finish {
        margin-bottom: -12px;
        margin-top: 0;
        margin-left: -6%
    }

    .margin-left-40per {
        margin-left: 25% !important
    }

    .mobile-margin-left-10 {
        margin-left: 10px
    }

    btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 29px 11px 23px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    div .btn1 {
        margin-left: -10px;
        min-width: 100%;
        font-size: 15px;
        text-align: left;
        margin-bottom: 7px;
        margin-top: 7px;
        border: 1px solid transparent;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer
    }

    .mob-margin-bottom-2per {
        margin-bottom: -2%;
        margin-left: 3%
    }

    .mob-margin-next {
        margin-left: 0 !important
    }

    .mob-margin-finish {
        margin-left: -10px
    }

    div.progress-wrapper {
        width: 34.5%;
        float: left
    }
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 100px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog {
    box-sizing: border-box
}

    .ngdialog *, .ngdialog :after, .ngdialog :before {
        box-sizing: inherit
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
        -webkit-animation: none !important;
        animation: none !important
    }

.ngdialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog-no-overlay {
    pointer-events: none
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    pointer-events: all
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

.loaderlayoutbackground {
    background-color: #000;
    opacity: .8;
}

.weeksddl {
    display: inline
}

.reportOverview {
    display: inline;
    margin-left: 20px
}

.dashboard {
    margin-top: -20px
}

    .dashboard .container-fluid {
        background: #f7f7f7
    }

.padding-top-20 {
    padding-top: 20px
}

.btnViewReports {
    background: #f79c00;
    border: none;
    box-shadow: 0 1px 2px 0 #888;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    cursor: pointer
}

div .tracking-checkboxWeb-inline {
    margin-right: 5px;
    margin-left: 8px;
    padding: 5px;
    zoom: 1.5 !important;
    vertical-align: middle;
    margin-top: 0
}

.width-140 {
    width: 140px
}

.color-red {
    color: red
}

.color-red-hover:hover {
    text-decoration: none !important;
    color: red !important
}

.width-100-per {
    width: 100%
}

.activeModule {
    border: 1px inset #d5d5d5;
    height: 200px;
    background: #f0f0f0;
    margin-top: 3px
}

.dashboardHeader {
    font-family: DMSans-Regular;
    font-size: 14pt;
    color: #000;
    margin-left: 18px;
    margin-top: 50px;
    line-height: 16.8pt;
    letter-spacing: 0;
}

.font-LucSans {
    font-family: 'Lucida Sans'
}

.moduleInnerContent {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 21px;
    text-align: center;
    margin-top: 30px
}

.activeModuleLabel {
    font-size: 12px
}

.btnOrange {
    padding: 8px 15px;
    background: 0 0;
    border-radius: 26px;
    cursor: pointer;
    border: 1px solid #e14504;
    display: inline-block
}

    .btnOrange:hover {
        text-decoration: none
    }

.snippetBody {
    background: #fff5e8;
    border-radius: 3px;
    padding: 5px 5px
}

.snippetAnchor {
    color: #f79c00;
    font-size: 25px
}

    .snippetAnchor:hover {
        text-decoration: none !important
    }

.width-2-per {
    width: 2%;
    padding-top: 2px;
    padding-bottom: 2px
}

.knowledgeCentre {
    background: 0 0;
    padding-bottom: 20px;
    padding-top: 0;
    padding-bottom: 50px
}

.knowledgeCentreItems {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px
}

.emptychartMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 20px
}

    .emptychartMessage p {
        margin-bottom: 0
    }

.addAnotherRepo a:hover {
    text-decoration: none !important;
    color: red;
    cursor: pointer
}

.addAnotherRepo {
    display: inline
}

.editTracking:hover {
    text-decoration: none !important
}

.hover-text-decoration-none:hover {
    text-decoration: none !important
}

@media only screen and (max-width:768px) {
    .mobile-footer-height {
        padding-top: 60px !important
    }

    div.mobile-footer-height.foote_desktop_row {
        padding-top: 20px !important
    }

    .balck_dog_text {
        float: left
    }

    .footer_log_div {
        float: right
    }

    .dashboardHeader {
        margin-left: 0 !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .reportOverview {
        display: inline;
        margin-left: 0 !important
    }

    img.footer_background {
        height: 240px !important;
        width: 100% !important
    }

    .header-right {
        float: unset;
        padding-left: 0 !important
    }

    .registration_Background_img img {
        position: absolute;
        height: 286px;
        width: 100%;
        margin-top: -19px
    }

    .mobile-font-11 {
        font-size: 11px;
        text-align: start
    }

    .mobile-text-align-start {
        text-align: start
    }

    .mobile-margin-left5per {
        margin-left: 5% !important
    }

    .mobile-font-size-20 {
        font-size: 20px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .backgound-color {
        background: #f7f7f7
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .mobile-margin-left-less35 {
        margin-left: -35px !important
    }

    .mobile-padding-left-0 {
        padding-left: 0 !important
    }

    .mobile-font-size-17 {
        font-size: 17px
    }

    .mobile-font-size-14 {
        font-size: 14px
    }

    .mobile-margin-0 {
        margin: 0
    }

    .font-size-12 {
        font-size: 12px !important
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .editTracking {
        text-align: left;
        margin-top: 15px;
        margin-left: 0
    }

    .mobile-margin-bottom-10 {
        margin-bottom: 10px !important
    }

    mobile-margin-left22 {
        margin-left: 22px
    }

    .margin-for-mobile {
        margin: 0
    }

    .mobile-margin-1 {
        margin: 1px
    }

    .m-margin-left21 {
        margin-left: 21px !important
    }

    .m-margin-left10 {
        margin-left: 10px !important
    }

    .mobile-margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-top-auto {
        top: 0 !important
    }

    .m-margin-left {
        margin-left: 55px !important;
        margin-bottom: 16px;
        margin-top: 18px;
        height: 37px;
        text-align: center;
        line-height: 35px
    }

    .backgound-image {
        background-size: 126% 100% !important;
        height: 386px !important;
        width: 308px !important;
        margin-right: 13px !important;
        margin-left: 0 !important;
        margin-top: -137px !important
    }

    .font-size-12 {
        font-size: 12px
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-top-bottom-left-0 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .mobile-padding-bottom-top-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .padding10 {
        padding: 0 !important
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobaile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .mobile-top-0 {
        top: 0 !important;
        margin-left: -14px !important
    }

    .rightNavBar {
        text-align: left !important
    }

        .rightNavBar li.icon {
            display: block
        }

    .letsStarted {
        margin-top: -10px
    }

    .moveleft-web-15 {
        left: 0 !important
    }

    .bell-badge {
        position: relative !important;
        left: -10px;
        top: -15px !important
    }

    .moduleInnerContent {
        margin-top: 10px;
        margin-left: 22px
    }

    .snippetBody {
        margin-left: 22px
    }

    .viewSnippets {
        margin-left: 47px
    }

    .emptychartMessage {
        font-size: 20px;
        margin-top: 40px;
        margin-left: 75px;
        text-align: left
    }

    .emptyModuleMessage {
        font-size: 20px !important
    }

    .font-size-13 {
        font-size: 13px
    }

    div .tracking-checkboxWeb-inline {
        margin-left: 9px
    }

    div .tracking-header {
        font-size: 19px;
        margin-top: 10px !important
    }

    .tracker-border-right {
        border: none !important
    }

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

    .basicModuleLabel {
        padding-left: 0
    }

    .canvas-width {
        width: 300px !important;
        height: 300px !important
    }

    .padding-top-45 {
        padding-top: 0
    }

    .hrcustom.mobile-hidden {
        display: none
    }

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

    .margin-left-10 {
        margin-left: 0 !important
    }

    margin-left-38 {
        margin-left: 38px !important
    }

    .margin-top-15 {
        margin-top: 0 !important
    }

    .mob-width {
        width: 105%
    }

    .margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-self-assement-div {
        padding: 0 13px 0 13px !important
    }

    .margin-top-2 {
        margin-top: 1% !important
    }

    .margin-bottom-14 {
        margin-bottom: 30%
    }

    .border-spacing-4 {
        border-spacing: 2px
    }

    .mob-footer {
        padding-right: 0;
        padding-left: 35px
    }

    .mob-padding-0 {
        padding: 0
    }

    .mob-padding-0-important {
        padding: 0 !important
    }

    .marginknowledge {
        margin-left: 0 !important
    }

    .padding-bottom-19 {
        padding-bottom: 19px
    }

    .padding-bottom-13 {
        padding-bottom: 13px
    }

    .width-276 {
        width: 100% !important
    }

    .float-left {
        float: none !important
    }

    .margin-left-right {
        margin-left: -30px;
        width: 123%
    }

    .selfAssessmentInDashboard {
        padding: 0
    }

        .selfAssessmentInDashboard .self-assessment-container {
            padding: 0
        }

        .selfAssessmentInDashboard .margin-left-right {
            margin-left: auto;
            width: auto
        }

    .dashboard-username-text {
        word-wrap: break-word
    }
}

.box-shadow {
    box-shadow: 0 1px 2px 0 #888
}

.padding10 {
    padding: 10px
}

.paddingl-left-10 {
    padding-left: 10px
}

.tracking-box {
    background: #fff
}

.tracking-header {
    margin-top: 0 !important;
    margin-left: 11px
}

.tracker-border-right {
    border-right: 1px solid #d2d2d2
}

.cursor {
    cursor: pointer
}

div.carousel.custom-carousel a.remove-carousel-handle-color {
    background-color: transparent;
    background-image: none;
    width: 30px
}

div.carousel.custom-carousel div.item.snippetData {
    width: 80%;
    margin-left: 10%;
    background-color: #fff5e8;
    padding: 12px
}

.word-wrap {
    word-wrap: break-word
}

.notification-bell {
    font-size: 20px
}

.bell-badge {
    background-color: #54d2ec;
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 3px 6px
}

.myPopover-header {
    padding-bottom: 9px;
    margin: 2px 0 20px;
    border-bottom: 1px solid #eee
}

.symptomModel-header {
    padding: 15px 0 0 15px
}

    .symptomModel-header h3 {
        color: #dec26b
    }

.symptomModal-dialog {
    margin-top: 80px;
    position: relative
}

.ProfileModal-dialog {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    width: 210px;
    transform: translate(-50%,-50%)
}

.layoutsymptomModal .modal-content {
    background: #fff !important
}

.layoutsymptomModal .modal-body p {
    color: #000 !important
}

.layoutsymptomModal .btnPurple {
    padding: 8px 14px 8px 14px;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    color: #31251b !important;
    margin-left: 30px
}

.layoutsymptomModal .btn:hover {
    color: #31251b !important
}

.layoutsymptomModal .btnPurple {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.layoutsymptomModal .customskipbtn.btnPurple {
    color: #fff !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important;
    padding-left: 36px;
    padding-right: 36px;
    padding: 5px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    background: #e14504
}

.modal-contentQuestionnaire {
    background: #fff
}

.symptomModel-footer {
    text-align: center;
    padding: 5px 0 0 0
}

.btnPurple {
    background: #7c6a92;
    font-size: 13px;
    color: #f9eeee;
    cursor: pointer
}

.btn-White {
    font-size: 13px;
    margin-left: 15px;
    cursor: pointer;
    background: #fff
}

.modal-body p {
    color: #f9eeee
}

.link-badge {
    margin-left: 4px
}

.popover-title {
    background: #885bf1;
    color: #f9eeee
}

.popover {
    padding: 0;
    border: none
}

    .popover.bottom .arrow:after {
        border-bottom-color: #885bf1
    }

.notification-link {
    color: #78797b;
    padding-top: 10px;
    margin-left: -15px
}

    .notification-link:hover {
        text-decoration: none !important;
        cursor: pointer
    }

.hidden {
    display: none !important
}

.knowledgeCentre-buttons {
    cursor: pointer;
    width: 100%
}

.link-color {
    color: #cd4c1d
}

    .link-color:hover {
        color: #cd4c1d;
        cursor: pointer
    }

.shown {
    display: block
}

.snippetNavigation {
    margin-top: 30px;
    color: #f79c00;
    font-size: 20px
}

.self-assesment .bode-Text-Color {
    color: #fff
}

.self-assesment .dark-blue {
    background-color: #19a6c9 !important
}

.self-assesment .border-bottom-Zero {
    border: none
}

.self-assesment .btnWhite {
    color: #000;
    background: #f79c00;
    cursor: pointer;
    border-radius: 0;
    font-size: 13px;
    font-family: Montserrat-Regular
}

.tracking-setup {
    background-color: #e3f2f7
}

.tracking-setup-body {
    background-color: #fff
}

.btnSaveUpdate {
    min-width: 150px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px
}

.radio-strength-challenge {
    margin-top: 0
}

.self-assesment .panel-default > .panel-heading {
    background: #fff
}

.whiteButton {
    box-shadow: 0 1px 2px 0 #888;
    -moz-box-shadow: 0 1px 2px 0 #888;
    background: #fff;
    border-radius: 3px;
    font-size: 11px
}

.ModuleButtonSpan {
    width: 79%;
    float: left
}

.ModuleButtonSpanB {
    width: 75%;
    float: left
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.activeModuleBox {
    box-shadow: 0 0 1px 0;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px
}

.emptyActiveModuleBox {
    box-shadow: 0 0 1px 0;
    background: #f0f0f0;
    border-radius: 6px;
    margin-bottom: 30px
}

.basicModuleBox {
    box-shadow: 0 0 1px 0;
    background: #fff;
    border-radius: 6px
}

.modulebox {
    margin-top: 10px
}

.emptyActiveModuleMessage {
    padding: 77px 0 76px 0;
    color: #bcbcbc
}

.profileQuestion {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 17px
}

.clearLine {
    border: 1px solid #eaeced
}

.clearline-Activities {
    border: 1px solid #eaeced
}

.keepLearning {
    padding: 10px;
    background: #e3f2f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.otherModulesBox {
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 1px 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.color-Orange {
    color: #f79c00
}

.paddingleftpx {
    padding-left: 0 !important
}

.activeModulePanelDashboard {
    border: none !important;
    margin-bottom: 0 !important;
    height: 310px
}

    .activeModulePanelDashboard .panel-body {
        background: #fff
    }

        .activeModulePanelDashboard .panel-body h3 {
            color: #80bc00
        }

    .activeModulePanelDashboard .panel-heading {
        text-align: center;
        background: #80bc00;
        color: #fff;
        font-size: 17px
    }

    .activeModulePanelDashboard .panel-footer {
        text-align: center;
        background: #fff;
        color: #80bc00;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 34px
    }

        .activeModulePanelDashboard .panel-footer:hover {
            cursor: pointer
        }

.activeModulePannel {
    border: none !important;
    margin-bottom: 0 !important
}

    .activeModulePannel .panel-body {
        height: 175px
    }

        .activeModulePannel .panel-body h3 {
            color: #80bc00
        }

    .activeModulePannel .panel-footer:hover {
        cursor: pointer
    }

.sessionCompleteOk {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 18px;
    top: -10px
}

.sessionPauseDashboard {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    margin-left: 6px;
    top: -8px
}

.sessionPause {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    top: -9px
}

.sessionCompleteOkIndashboard {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 17px;
    top: -7px
}

.Paused.sessionCompleteOkIndashboard {
    font-size: 19px;
    top: -8px
}

.percentComplete {
    float: right;
    margin-right: 14px;
    color: #80bc00
}

.left-25 {
    left: 25px
}

.left-40 {
    left: 40px
}

.left-27 {
    left: 28px
}

.left-46 {
    left: 48px
}

.progressbar {
    display: inline-block;
    width: 100px;
    margin-top: -10px
}

.progressbarInButton {
    display: inline-block;
    width: auto !important;
    margin: -6px 0 -12px 5px
}

.circle {
    width: 100%;
    margin: 0 auto 35px;
    display: inline-block;
    position: relative;
    text-align: center
}

    .circle canvas {
        vertical-align: middle;
        height: 115px
    }

.circleInButton canvas {
    height: 40px
}

.progressbarInButton .circleInButton div {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 43px;
    font-size: 11px;
    color: #000
}

.circle span {
    position: absolute;
    top: 46px;
    left: -5px;
    width: 100%;
    text-align: center
}

.circle strong i {
    font-style: normal;
    font-size: .6em
}

.circle span {
    display: block;
    color: #aaa;
    margin-top: 20px;
    margin-left: 10px
}

.symptomScreener .row {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-left-10 {
    margin-left: 10px
}

.symptomScreenerModal {
    background: #fff
}

    .symptomScreenerModal .modal-header {
        border-bottom: none;
        padding: 5px 8px 0 0
    }

        .symptomScreenerModal .modal-header button {
            font-size: 28px
        }

    .symptomScreenerModal .modal-body p {
        color: #666
    }

    .symptomScreenerModal .modal-footer {
        border-top: none
    }

.enableNotification {
    font-size: 15px;
    position: absolute;
    top: 13px
}

.font-Montserrat-black {
    font-family: Montserrat-SemiBold;
    color: #553c54
}

.font-Montserrat-light {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt;
    color: #000 !important;
}

.color-lawngreen {
    color: #94c83d
}

.div-boder {
    border: #e4e4e3
}

.vertical-align {
    vertical-align: middle
}

.div-line-height {
    line-height: 48px
}

.div-boder-rightColor {
    border-right: 1px solid #ddddd6
}

.txt-Color-black {
    color: #000
}

.font-size-46 {
    font-size: 46px
}

.top-padding-40 {
    padding-top: 40px
}

.lead-text-heading {
    font-size: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-top-40 {
    margin-top: 40px
}

.lead-text {
    font-size: 20px
}

.margin-top-100 {
    margin-top: 150px
}

.red-color {
    color: #e24201
}

.text-padding {
    padding-top: 0
}

.light-red-color {
    color: #fba582
}

.mid-red-color {
    color: #f17746
}

.text-color {
    color: #151412
}

.mobile-top-margin-20 {
    margin-top: 20px
}

.font-weight-and-size {
    font-size: 50px
}

.padding-width-fontsize {
    padding-top: 14px;
    padding-left: 6px
}

.text-font-size {
    font-size: 16px
}

.font-size-10 {
    font-size: 10px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-text {
    font-size: 24px
}

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

.text-heading-font-Montserrat-black {
    font-size: 30px;
    font-family: Montserrat-SemiBold
}

.margin-left-6 {
    margin-left: 21px
}

.margin-top-15 {
    margin-top: 15px
}

.font-size-14 {
    font-size: 14px
}

.font-size-19 {
    font-size: 19px
}

.font-size-25 {
    font-size: 25px
}

.text-size {
    font-size: 32px;
    padding-top: 41px
}

.btn-height {
    width: 37.666667%;
    height: 45PX;
    cursor: pointer
}

.left-3 {
    left: 2.666667%
}

.myCompassImg {
    width: 150px !important
}

.margin-left-10-percent {
    margin-left: 10%
}

div.navbar-header.margin-left-10-percent {
    margin-left: 10% !important
}

.backgound-color-white {
    background-color: #fff
}

.font-size-13 {
    font-size: 13px
}

.font-size-18 {
    font-size: 18px
}

.margin-top-40 {
    margin-top: 40px
}

.section-1 label, .section-2 label, .section-3 label, .section-4 label {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 40px;
    padding: 0 25px
}

.mountaingreen-height-web {
    height: 300px
}

.footer-height-web {
    height: 150px
}

.font-size-25 {
    font-size: 25px
}

.Screenshot3-image-margin {
    margin-top: -9px;
    margin-left: 20px
}

.text-margin-left {
    margin-left: -36px
}

.Screenshot1-image-margin {
    text-align: start;
    margin-right: 384px;
    margin-top: -46px
}

.btn-line-height {
    width: 242px;
    cursor: pointer
}

.color-white {
    color: #fff
}

.footermargin {
    margin-left: -65px
}

.marginbottomSitemap {
    margin-bottom: 40px;
    font-size: 20px
}

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

.footer-left-right {
    margin-left: 0;
    margin-right: 0
}

.footer-elements {
    margin-top: 70px;
    width: 100%;
    padding-left: 9%
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.badge:empty {
    display: none !important
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.user-logged-in li a {
    padding: 10px 5px
}

.product .img-responsive {
    margin: 0 auto
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right
}

.hover-cursor-pointer {
    cursor: pointer
}

.image-width-height {
    width: 175px
}

.margin-bottum10-top20 {
    margin-bottom: 10px;
    margin-top: 30px
}

.fb {
    color: #507dc3 !important
}

.twt {
    color: #6ea1ef !important
}

.ml.mail {
    font-size: 20px !important;
    color: #000
}

.clr {
    padding: 0;
    box-shadow: none !important;
    border-color: transparent !important
}

.clr2 {
    background-color: #fff;
    padding: 0
}

.graphcontent {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext1 {
    color: #aeadad
}

.graph1 {
    height: 400px
}

.graph2 {
    width: 1000px;
    height: 450px
}

.sb.subheader {
    width: 100% !important
}

.glyphicon-ok:before {
    content: " ";
    height: 12px;
    width: 13px;
    display: block;
    margin-top: -6px;
    margin-left: 1px;
    border-radius: 2px
}

.glyphicon-ok.first:before {
    background-color: #e14504
}

.glyphicon-ok.second:before {
    background-color: #86b401
}

.glyphicon-ok.thrid:before {
    background-color: #da3e00
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5
}

.radio .cr {
    border-radius: 50%
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px
    }

.checkbox .cr .cr-icon {
    font-size: 1em;
    left: 2px
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    margin-left: -.05em;
    color: #ff5f4a
}

.checkbox label input[type=checkbox], .radio label input[type=radio] {
    display: none
}

    .checkbox label input[type=checkbox] ~ .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0);
        opacity: 0;
        transition: all .3s ease-in
    }

    .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    .checkbox label input[type=checkbox]:disabled ~ .cr, .radio label input[type=radio]:disabled + .cr {
        opacity: .5
    }

.font-Montserrat-semibold {
    font-family: Montserrat-SemiBold
}

.margin-left-68 {
    margin-left: 68px
}

.padding-bottom-31 {
    padding-bottom: 31px
}

.margin-left-27 {
    margin-left: 27px;
    margin-top: 44px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-top-35 {
    margin-top: -35px
}

.width-171 {
    width: 171px
}

.margin-top-20-in {
    margin-top: 20px
}

.margin-top-71 {
    margin-top: 71px
}

.knowledgeCentre-padding-bottom {
    padding-bottom: 100px
}

.knowledgeCentre-margin20-top {
    margin-top: 20px
}

.font-size-11 {
    font-size: 11px
}

.font-size-14 {
    font-size: 14px !important
}

.canvas-width {
    width: 1047px;
    height: 380px !important
}

.height-300 {
    height: 300px
}

.font-size-ul-13 {
    font-size: 13px
}

.padding-top-10 {
    padding-top: 10px
}

.width-95 {
    width: 95%
}

.margin-left-less43 {
    margin-left: -43px;
    margin-top: 64px
}

.margin-left-less18 {
    margin-left: -18px
}

.margin-left-17 {
    margin-left: -17px
}

.padding-top-45 {
    padding-top: 45px
}

.backgound-image {
    background: url(/Images/dashboard-graph-placeholder.png);
    height: 637px;
    width: 1169px;
    margin-right: 31px;
    margin-left: -31px;
    margin-top: -223px
}

.font-size-21 {
    font-size: 21px
}

.padding-top-bottom17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.margin-top45 {
    margin-left: 31px;
    margin-top: 45px
}

.width-161 {
    width: 161px
}

margin-bottom-50 {
    margin-bottom: 50px
}

.text-align-left {
    text-align: left
}

.margin-left-74 {
    margin-left: 74px
}

.margin-left-12 {
    margin-left: 12px
}

.margin-top-25 {
    margin-top: -25px
}

.margin-bottom-less15 {
    margin-left: -15px
}

.tracking-container {
    z-index: 1001;
    width: 100%;
    left: 0;
    background-position: 0;
    padding: 25px
}

.backgound-color-skyblue {
    background-color: #e3f2f7
}

.height-40 {
    height: 40px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-140 {
    height: 140px
}

.font-size-16 {
    font-size: 16px
}

.self-assesment-text-mob {
    font-family: Montserrat-SemiBold
}

a.linkorangecolor {
    color: #616161 !important;
    text-decoration-line: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    a.linkorangecolor:hover {
        color: #e14504 !important;
        text-decoration-line: none;
    }

.font-size12 {
    font-size: 12px
}

.margin-left25 {
    margin-left: 25px
}

.margin-floatright20 {
    margin-right: 20px !important;
    float: right
}

.module-box {
    width: 100%;
    padding-left: 32px
}

.module-box1 {
    width: 100%;
    padding-left: 7px
}

.height-whitebutton1 {
    height: 57.79px !important
}

.paddingleft5per {
    padding-left: 5%
}

.padding-left-0 {
    padding-left: 0
}

.padding-margin-left {
    padding-left: 0;
    margin-left: -10px
}

.padding-bottom-90 {
    padding-bottom: 90px !important
}

.margin-left-less-15 {
    margin-left: -15px !important
}

.margin-padding {
    padding-left: 0;
    margin-left: -10px;
    margin-top: 30px;
}

.padding-margin-less5 {
    padding-left: 0;
    margin-left: -4px
}

.break-all {
    word-break: break-all
}

.margin-bottom-14 {
    margin-bottom: 23%
}

.marginknowledge {
    margin-left: 11.5%;
    margin-bottom: 6% !important
}

.margin-top-6 {
    margin-top: 6%
}

.margin-top7per {
    margin-top: 7% !important
}

.margin-top-3 {
    margin-top: 3% !important
}

.padding-left-100 {
    padding-left: 100px
}

.width-276 {
    width: 276px
}

.float-left {
    float: left
}

.mobile-margin-top-6 {
    margin-top: 6px
}

.top80 {
    top: 80px
}

.logininput {
    border-color: #dad8d8 !important;
    border-top: none !important;
    box-shadow: none !important;
    border-left: none !important;
    border-radius: unset !important;
    border-right: none !important
}

.padding30 {
    padding: 30px
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s
}

    .sidenav a:hover {
        color: #f1f1f1
    }

    .sidenav .closebtn {
        position: absolute !important;
        top: 7px !important;
        font-size: 36px !important;
        padding-left: 25px !important;
        color: #c93600 !important;
        text-decoration: none !important
    }

    .sidenav.mobile {
        width: 0
    }

.get-started-button:hover {
    background-color: #e14504;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish {
    background-color: #e14504 !important;
    color: #fff !important
}

    .Profile-Save-Button.button-orange.landing-self-next-finish:hover {
        background-color: #e14504 !important;
        color: #fff !important
    }

.tab-content .submittedPHQGAD p a:hover {
    background-color: #e14504;
    color: #fff !important
}

.landing-self-back:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish:focus {
    outline: 0;
    box-shadow: none
}

.tab-content .submittedPHQGAD p a:focus {
    outline: 0;
    box-shadow: none
}

.landing-self-back:focus {
    outline: 0;
    box-shadow: none
}

.get-started-button:focus {
    outline: 0;
    box-shadow: none
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important
}

::-webkit-input-placeholder {
    color: #626262 !important
}

:-ms-input-placeholder {
    color: #626262 !important
}

::-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

.displayblock {
    display: block !important
}

.remembermecolor {
    color: #626262 !important
}

.or-box-margin-left-right {
    margin-left: -16px;
    margin-right: -16px
}

.or {
    color: #bebebe;
    background-color: #fff;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 40px;
    left: 125px
}

.paddingright5 {
    padding-right: 5px !important
}

.radius-0 {
    border-radius: 0 !important
}

.self-assesment .panel-heading ul li a:hover {
    background-color: transparent;
    border: 0;
    color: #fff
}

.self-assesment .panel-heading ul li a {
    background-color: #fff;
    border: 0;
    color: #7ec4d9;
    padding: 5px
}

.self-assesment .panel-heading ul li.active a {
    color: #000;
    font-weight: 900;
    opacity: 1
}

.self-assesment .panel-heading ul li a {
    opacity: .8
}

.self-assesment .panel-heading ul li.second a {
    margin-left: 20px !important
}

.margin-left-7 {
    margin-left: -7%
}

.margin-left-18 {
    margin-left: -18% !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.self-assesment .btnWhite:hover {
    color: #000 !important
}

.padding-left-8 {
    padding-left: 8px
}

.margin-left-10per {
    margin-left: 10%
}

.padding-left-10 {
    padding-left: 10.5%
}

.margin-left-13 {
    margin-left: 13%
}

.margin-top-35 {
    margin-top: 35px
}

.margin-bottom-2 {
    margin-bottom: 2%
}

.margin-top-2 {
    margin-top: 2.5%
}

.padding-left-right {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.padding-left-right-95 {
    padding: 0 95px
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.backgound-transparent {
    background-color: transparent
}

.padding-10 {
    padding: 10px
}

.dashboard .hide-data {
    display: none !important
}

.backgroundcolor {
    background-color: #19a6c9 !important
}

.overflow-hidden {
    overflow: hidden
}

.margin-left3per {
    margin-left: -3%
}

.footer-margin-top {
    margin-top: 60px !important
}

.margin-left-right {
    margin-left: -30px;
    margin-right: 0
}

.fontsize {
    font-size: 13px
}

.margin-top-30 {
    margin-top: 30px
}

.divscroll-height {
    height: 285px;
    overflow-y: hidden
}

.width-88per {
    width: 88%
}

.margin-top-less5 {
    margin-top: -5px
}

.glyphicon-icon {
    font-size: 17px !important;
    margin-right: 2%;
    margin-top: -3px
}

.mobile-margin-top-15 {
    margin-top: -15px
}

.mobile-module-box-2 {
    width: 100%;
    margin-left: 25px;
    padding-left: 0
}

.keepLearningDashboard {
    height: 65px;
    padding: 20px;
    background: #e3efc4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.glyphicon-color-green {
    color: #80bc00
}

.button-width-180 {
    width: 180px !important
}

.height-buttonwhite {
    height: 65.79px
}

.glyphicon-color {
    color: #b9b9b9
}

.module-box-height {
    max-height: 268px;
    max-width: 100%
}

.padding-10 {
    padding: 10px !important
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-59 {
    top: 58px !important
}

.complete-panel {
    margin-right: 0
}

.text-align-start {
    text-align: start !important
}

.margin-left-2per {
    margin-left: 2%
}

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

.module-box-2 {
    width: 95%;
    padding-left: 40px
}

.button-height {
    height: 50px !important;
    margin-left: 20%
}

.padding-top-5 {
    padding-top: 5px
}

.border-bottom {
    box-shadow: 1px 2px 1px -2px !important
}

.table-border-bottom {
    border-bottom: 1px solid #ddd !important
}

.table-border-top {
    border-top: 1px solid #ddd !important
}

.active-box-border {
    box-shadow: 0 3px 1px -4px !important
}

.margin-left-10Less {
    margin-left: -10px
}

.padding-top-15 {
    padding-top: 15px
}

.complete-text {
    font-size: 15px;
    margin-top: 16px
}

.margin-left-less15 {
    margin-left: -15px
}

.circleInDashboard canvas {
    height: 145px;
    width: 145px;
    margin-left: -21px;
    margin-top: -8px
}

.circleInDashboard span {
    font-size: 13px;
    color: #333;
    margin-top: 26%
}

.circleInDashboard div {
    height: 50px;
    font-size: 29px;
    margin-top: 2px
}

.padding-left-25 {
    padding-left: 25px
}

.margin-left-5per {
    margin-left: 5%
}

.margin-left-9per {
    margin-left: 9%
}

.circleInButton canvas {
    width: 40px !important;
    height: 40px !important
}

.orangeclr {
    color: #616161;
    font-family: DMSANS-REGULAR;
    font-size: 18pt;
    text-decoration: underline #e14504;
}

.margintopbtm {
    margin-top: -3px;
    margin-bottom: -3px;
    background: #f7f7f7
}

.margintopbtm63 {
    margin-top: 22px;
    margin-bottom: 63px;
    background: #f7f7f7
}

.margin-left-25 {
    margin-left: 25%
}

.margin-left-54 {
    margin-left: 54% !important
}

.padding-left-125 {
    padding-left: 125px
}

.width-50 {
    width: 50% !important
}

.width-280 {
    width: 280px !important
}

.gplus {
    color: #f75002
}

.iconfont {
    font-size: 40px !important
}

.continueclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 120px 10px 60px
}

.continue {
    margin-top: 5%;
    margin-left: -3%
}

.margin {
    margin-bottom: 10px !important
}

.margin1 {
    margin-bottom: -25px !important
}

input[type=radio]:checked {
    background-color: #93e026
}

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 4.8px;
        border-radius: 50px !important
    }

    input[type=radio]:checked ~ .cr .customRadiodiffFontsize:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 7.8px;
        border-radius: 50px !important
    }

.radio .Register.cr .cr-icon {
    margin-left: -.05em;
    color: #888
}

.margin-top-5 {
    margin-top: -5px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-left-top {
    margin-left: -168%;
    margin-top: 4px
}

.margin-left-35 {
    margin-left: -35px
}

.margin-top-1 {
    margin-top: -1px
}

.margin1 {
    margin-left: -35px;
    margin-top: -15px
}

.border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
    border: 2px solid #e14504 !important;
    font-size: 18px;
    FONT-FAMILY: DMSANS-REGULAR
}

.form-group.has-error input[type=date], .form-group.has-error input[type=number], .form-group.has-error input[type=password], .form-group.has-error input[type=text], .form-group.has-error select {
    border: 1px solid #e14504;
    font-size: 14pt;
    font-family: DMSans-Regular;
    box-shadow: none !important
}

.margin-left-36 {
    margin-left: -36px
}

.margin-left-74 {
    margin-left: -74px !important
}

.margin-top-8 {
    margin-top: -8px
}

.fontsize-13 {
    font-size: 13px
}

.background-color-white {
    background-color: #fff;
    border: 1px solid #d3d3d369;
    box-shadow: 0 1px #d3d3d369
}

.continue1 {
    padding-bottom: 7px !important;
    padding-top: 9px !important
}

.margin-left-48 {
    margin-left: 48px
}

.fb.iconfont:hover {
    text-decoration: underline !important;
    color: #507dc3
}

.twt.iconfont:hover {
    text-decoration: underline !important;
    color: #6ea1ef
}

.gplus.iconfont:hover {
    text-decoration: underline !important;
    color: #f75002
}

.orangeclr:hover {
    text-decoration: underline;
    color: #e14504;
}

.frgt:hover {
    text-decoration: none !important;
    color: #d35b2f
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-top-15-min {
    margin-bottom: -15px !important
}

.margin-top-10-min {
    margin-top: -10px
}

.register-selfassessment .row {
    clear: both
}

.hrcustom {
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    display: block;
    unicode-bidi: isolate;
    overflow: hidden;
    box-sizing: content-box;
    clear: both;
    margin: 2px 0;
    margin-left: -16px;
    margin-right: -16px
}

.margin-bottom-20-min {
    margin-bottom: -20px
}

.margin-right-188 {
    margin-right: -15px
}

.color-yyyy {
    color: #000
}



.black {
    color: #000
}

.hover1:hover {
    text-decoration: underline !important;
    color: #337ab7
}

.width-birth {
    padding-left: 1px;
    width: 23%
}

.width-postcode {
    width: 30%
}

.width-gender {
    width: 174%;
    max-width: 320px
}

.width-year {
    max-width: 320px
}

.margin-padding-additionalinfo {
    width: 100%
}

.width-mob {
    width: 100%
}

.width-80 {
    width: 80%
}

.margin-width {
    margin-left: 100px;
    width: 83%
}

.yellowbox {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-left: 130px;
    width: 78%;
    margin-top: 2%;
    padding: 20px
}

.width-105 {
    width: 105px !important
}

.margin-left-28 {
    margin-left: 28px !important
}

.width-100 {
    width: 100px !important
}

.margin-top-58 {
    margin-top: -58px !important
}

@media only screen and (max-width:768px) {
    .backgrnd {
        background-color: #fff;
        min-width: 411px
    }

    .tab-content .submittedPHQGAD p {
        text-align: center
    }

    div.social-media-mobile {
        margin-top: 15px !important
    }

    .sb.subheader {
        height: 70px
    }

    .mobile-margin-top-10px {
        margin-top: 10px !important
    }

    .mobile-margin-left-17per {
        margin-left: 17% !important
    }

    .register .mobile-padding-top-0-important {
        padding-top: 0 !important
    }

    .mobile-remove-guter {
        padding: 0
    }

    .regiter-hr {
        border-top: 2px solid #dadada;
        margin: 0;
        margin: 15px 0
    }

    .width-100-mob {
        width: 100% !important
    }

    .marginleft12permob {
        margin-left: 0 !important
    }

    .mobileleft-rigth-marign-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .padding-left-125 {
        padding-left: 0 !important
    }

    .padding-left-25px {
        padding-left: 0 !important
    }

    .margin-left-54 {
        margin-left: 0 !important
    }

    .padding-left-8 {
        padding-left: 8% !important
    }

    .padding-left-15 {
        padding-left: 15% !important
    }

    .margin-left-48 {
        margin-left: 0
    }

    .continue {
        margin-left: 18%
    }

    .margin-top-10-min {
        margin-top: 10px
    }

    .margin-bottom-10px {
        margin-bottom: 10px
    }

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 5px !important
    }

    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 8px !important
    }

    .margin-right-188 {
        margin-right: 188px !important
    }

    .margin-right-171 {
        margin-right: 171px !important
    }

    .color-yyyy {
        color: red
    }

    .margin-right-165 {
        margin-right: 165px !important
    }

    .margin-right-131 {
        margin-right: 131px !important
    }

    .margin-top-5px {
        margin-top: 5px
    }

    .width-birth {
        width: 83%;
        padding-left: 0
    }

    .width-postcode {
        width: 30%
    }

    .margin-padding-additionalinfo {
        width: 100%;
        margin-left: 0
    }

    .width-mob {
        width: 88%
    }

    .yellowbox {
        width: 100%
    }

    .width-80 {
        width: 100% !important
    }

    .slider-div {
        padding: 0 !important
    }

    .padding-top-6 {
        padding-top: 6px
    }

    .margin-left-4per {
        margin-left: 4%
    }

    .margin-left-12per {
        margin-left: 12% !important
    }

    .margin-left-40 {
        margin-left: 0
    }

    .clear-mob {
        clear: both !important
    }

    .margin-left-40 {
        margin-left: 0 !important
    }

    .register-additional-info-header, .register-label, .register-social-media-text {
        padding: 10px !important
    }

    .padding-bottom-25px {
        padding-bottom: 0 !important
    }

    .padding-top-bottom-10 {
        padding-bottom: 0 !important;
        padding-top: 10px !important
    }

    .mobile-margin-bottom-0 {
        margin-bottom: 0 !important
    }

    .padding-1week {
        padding: 0 !important
    }

    div.padding-module {
        padding: 13px 0 13px 0 !important;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: -10%;
        width: 68% !important
    }

    .font-size-21-mob {
        font-size: 21px !important
    }
}

.margintop10 {
    margin-top: 10px !important
}

.float-align-right {
    float: right !important;
    text-align: right !important
}

.width-125 {
    width: 125px !important
}

.margin-left-22 {
    margin-left: 22px !important
}

.margin-left-45 {
    margin-left: 45px !important
}

.margin-left-95 {
    margin-left: 95px !important
}

.margin-left-80 {
    margin-left: 80px !important
}

.margintop12 {
    margin: 12px 0 15px 0 !important
}

.width60 {
    width: 60px !important
}

.width95 {
    width: 95px !important
}

.width115 {
    width: 115px !important
}

.margin-left-32 {
    margin-left: -32px
}

.margin-left-40 {
    margin-left: -40px
}

.continue2 {
    margin-left: -4%;
    margin-top: 4%
}

a.removehover:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.continue3 {
    margin-left: -4%;
    margin-top: 5%
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

a.removehover1:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.clear-mob {
    clear: none
}

.lnkAddCustomTracker:hover {
    cursor: pointer
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-28 {
    margin-top: 28px
}

.margin-left-7px {
    margin-left: 7px
}

.padding-right-31px {
    padding-right: 31px
}

.padding-bottom-25px {
    padding-bottom: 25px
}

.padding-top-bottom-10 {
    padding-bottom: 4px;
    padding-top: 0
}

.border-radius-0px {
    border-radius: 0
}

.padding-left-12 {
    padding-left: 12px
}

.margin-top-minus-4 {
    margin-top: -4px
}

.btn:focus {
    outline: 0
}

.margin-top-38 {
    margin-top: -38px
}

.margin-top-22 {
    margin-top: 22px
}

.margin-top-54 {
    margin-top: -54px
}

.circlewidth50px {
    width: 50px
}

.pausedCircleInButton canvas {
    width: 40px !important
}

.circle.pausedCircleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 10px;
    color: #000
}

a.topdown:hover {
    text-decoration: none !important;
    color: #e36e48
}

.alignContent1 {
    padding-left: 5%;
    padding-right: 6%;
    text-align: center;
    padding-bottom: 0;
    width: 936px !important
}

.padding-left-40 {
    padding-left: 40px
}

.width-postcode2 {
    width: 50%
}

.padding-top-8px {
    padding-top: 8px
}

.margin-left-4 {
    margin-left: -4%
}

.padding-font {
    font-size: 15px;
    padding-left: 15px
}

.margin-top-27px {
    margin-top: -27px
}

.margin-left-39 {
    margin-left: -39%
}

.margin-left-12 {
    margin-left: 4%
}

.continue4 {
    margin-left: -3%
}

.nextclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 92px 10px 53px
}

.continueclr1 {
    color: #000;
    background: #f79c00;
    padding: 0 43px 5px 46px
}

.continue5 {
    margin-left: 33%
}

.margin-top-2per {
    margin-top: 2%
}

.padding-selfassessment {
    padding: 0 32px 0 15px
}

.padding-margin-evryday {
    padding: 0 70px 0 12px;
    margin-left: 0
}

.slider1 {
    margin-top: 2%
}

.slider1a {
    margin-top: -9px
}

.padding-top-17 {
    padding-top: 17px
}

.margin-top-1per {
    margin-top: 1%;
    padding: 0 89px 0 29px
}

.font-Montserrat-lightimp {
    font-family: Montserrat-Regular !important
}

.mousehandicon:hover {
    cursor: pointer
}

.selfassestextsizehead h2 {
    font-family: DMSans-Regular !important;
    font-size: 15px !important
}

.selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12px !important
}

.selfassestextsizecontent h4 {
    font-family: DMSans-Regular !important;
    font-size: 14px !important
}

.font-weight-600imp {
    color: red !important
}

.SetcolorBlack {
    color: #000 !important
}

.padding-trackingremind {
    padding: 15px 33px 6px 37px
}

.enabletrackingreminder {
    padding: 0 0 0 24px;
    margin-top: -11px
}

.padding-send {
    padding: 0 21px 6px 37px
}

.margin-send {
    margin-top: -4%;
    margin-left: 10%
}

.margin-left-2-neg {
    margin-left: -2%
}

.margin-freq {
    margin-left: 18%;
    margin-top: -4%
}

.margin-freq1 {
    margin-top: -10%;
    margin-left: 30%
}

.margin-timezone {
    margin-left: 10%;
    margin-top: -3%
}

.margin-mssidn-input {
    margin-left: 7%;
    margin-top: -3%
}

.margin-via {
    margin-top: -4px;
    margin-left: 15px
}

.margin-left-4 {
    margin-left: 4%
}

.padding-snippet {
    padding: 15px 3px 8px 31px
}

.margin-top-8per {
    margin-top: -8px
}

.font-size-15 {
    font-size: 15px
}

.padding-trackingsetup {
    padding: 15px 3px 8px 43px
}

.padding-newtracker {
    padding: 13px 13px 13px 18px
}

.margin-left-4pos {
    margin-left: 4%
}

.continue6 {
    margin-left: -37% !important
}

.margin-left-30 {
    margin-left: -30% !important
}

.margin-left-62 {
    margin-left: -62px;
    margin-bottom: 15px
}

.margin-left-20min {
    margin-left: -20px
}

.margin-0 {
    margin: 0
}

.slideralign {
    margin-top: 5px
}

.slideralign2 {
    margin-top: -22px
}

.slideralign1 {
    margin-top: 5px
}

.profilepadding {
    padding: 5px 41px 25px 25px
}

.margin-bottom-4 {
    margin-bottom: 4%
}

.selfassessmentpadding {
    padding: 0 7px 0 41px
}

.resultselfpadding {
    padding: 0 45px 35px 45px
}

.resultselfpadding1 {
    padding: 0 45px 35px 45px
}

input[type=radio]:checked ~ .cr .customRadioColor1:before {
    background-color: #006e8b;
    content: " ";
    height: 10px;
    width: 10px;
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    border-radius: 50px !important
}

.margin-left-118 {
    margin-left: -38%
}

.margin-continue {
    margin-left: 45.5%;
    margin-bottom: -3%
}

.margin-left-42 {
    margin-left: 42%
}

.margin-bottom-1 {
    margin-bottom: 1%
}

.Forget-Padding {
    padding-right: 10px
}

.margin-bottom-100 {
    margin-bottom: 100%
}

.btn-login {
    margin-left: 110%;
    margin-top: 10px
}

.login-label {
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    margin-top: 10px
}

.margin-left-236px {
    margin-left: 190px
}

.margin-bottom-70 {
    margin-bottom: -70% !important
}

.panel-hide-show1 {
    margin-top: 5px !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

.border {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 7px;
    box-shadow: 0 2px #ddd
}

.padding-left-42 {
    padding-left: 42px
}

.margin-bottom-15px {
    margin-bottom: 15px !important
}

.margin-left-83 {
    margin-left: 83%
}

.margin-top-4 {
    margin-top: 4%
}

.padding-right-5 {
    padding-right: 5px
}

.margin-left-31 {
    margin-left: -31px
}

.margin-left-7 {
    margin-left: 5%
}

.margin-top-1percen {
    margin-top: 1%
}

.margin-left-15per {
    margin-left: 15%
}

.margin-left-7px {
    margin-left: -7px
}

.margin-left-2point5per {
    margin-left: -2.5%
}

.padding-left-33px {
    padding-left: 33px
}

.next-finish {
    margin-bottom: -33px;
    margin-top: 2%
}

.margin-left-75 {
    margin-left: 75px
}

.margin-left-40per {
    margin-left: 40%
}

div .btn1 {
    margin-left: -10px;
    min-width: 28%;
    font-size: 15px;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer
}

.margin-bottom-4 {
    margin-bottom: -4%
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

    .fa-info-circle:hover {
        color: #000 !important;
        text-decoration: none !important;
        display: inline-block;
        cursor: pointer
    }

.recommendedFactor {
    font-family: Montserrat-Bold !important;
    color: #000
}

.modal-backdrop {
    z-index: 100 !important
}

.dropdown-menu.loginbox {
    z-index: 99
}

.margin-left-1 {
    margin-left: 1%
}

.Profile-Questionnaire-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    font-family: Font-Montserrat-Regular;
    font-size: 20px
}

.content-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 13px
}

.content-link {
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 17px;
    padding-bottom: 3%
}

    .content-link:hover {
        text-decoration: underline !important;
    }

.complete-label {
    padding-left: 4%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 14px
}

.padding-0-important {
    padding: 0 !important
}

.trackingTrackers {
    margin-left: 22px
}

.dashboardTrackers {
    margin-left: 38px;
    margin-top: 0
}

.marginBottom4Percent {
    margin-bottom: 4%
}

input[type=radio]:checked ~ .cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.marginBottom4Percent {
    margin-bottom: 4%
}

.padding-top-20Percent {
    padding-top: 28%
}

.emptyModuleMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 10px
}

.iconfont1 {
    font-size: 20px !important
}

.getstartedbutton {
    padding: 6px 25px 6px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    cursor: pointer;
    display: inline-block
}

.padding-1week {
    padding: 0 0 63px 126px
}

.margin-top-14 {
    margin-top: 14% !important
}

.letter-spacing-2px {
    letter-spacing: 2px
}

.letter-spacing-3px {
    letter-spacing: 3px
}

.letter-spacing-5px {
    letter-spacing: 5px
}

.padding-7week {
    padding: 12px 4px 10px 10px
}

.getstartedbutton-width {
    width: 20%;
    margin-left: -2%
}

.margin-left-5neg {
    margin-left: 5%
}

.lead1 {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4
}

.margin-top-14px {
    margin-top: 14px
}

.profile-align {
    margin-top: 10px !important;
    top: -2.5px !important
}

.profile-align-1 {
    top: -7.7px !important
}

.profile-align-12 {
    margin-top: 7px !important
}

.profile-align-2 {
    top: -2.7px !important
}

.profile-align-17 {
    margin-top: 10px !important
}

.profile-align-3 {
    top: -7.7px !important
}

.profile-align-4 {
    top: -7.7px !important
}

.activeModulePannel .panel-footer:hover {
    cursor: pointer
}

.questionnair-margin {
    margin-top: 11.5px !important
}

.questionnair-margin-1 {
    margin-top: 9px !important
}

.margin-left-5-neg {
    margin-left: -5%
}

.margin-bottom-10per {
    margin-bottom: 10%
}

.margin-left-3 {
    margin-left: -3px
}

.dashboardDatePickerWeb {
    margin-left: -10px;
    padding-left: 0
}

.padding-left-30 {
    padding-left: 30px
}

.padding-right-0 {
    padding-right: 0
}

.symptomScreenerSlider {
    padding: 0 30px 0 50px;
    margin-top: -20px
}

.PhImpactInSymptomScreener {
    padding-left: 51px;
    padding-right: 47px
}

.symptomScreener {
    margin-bottom: 3%;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px
}

.gad7Silder {
    margin-left: 30px
}

.margin-left-10pix {
    margin-left: 10px
}

.margin-left-15pix {
    margin-left: 15px
}

.margin-left-6pix {
    margin-left: 6px
}

.margin-left-50pix {
    margin-left: 50px
}

.margin-left-30pix {
    margin-left: 30px
}

.margin-left-10pix-descrease {
    margin-left: -10px
}

.margin-left-40pix-decrease {
    margin-left: -40px
}

.sliderPhQ9Impact {
    padding: 0 0 0 30px;
    margin-left: 20px
}

.socialActivity {
    margin-left: 18px
}

.socialActivityQuestion p > b {
    font-family: Montserrat-SemiBold
}

.moreThanHalfDays {
    position: absolute;
    margin-left: 47%
}

.severalDays {
    position: absolute;
    margin-left: 61%
}

.yellowboxInSymptomScreener {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-top: 2%;
    padding: 20px;
    margin-bottom: 30px
}

.PhqThoughtOption1InSymptomScreener b {
    margin-left: -90px
}

.PhqThoughtOption2InSymptomScreener b {
    margin-left: -50px
}

.PhqThoughtOption3InSymptomScreener b {
    margin-left: -15px
}

.margin-left-4PerInSys {
    margin-left: 4% !important
}

.symptomModal {
    padding-bottom: 15px
}

.jumpToInfo {
    margin: 15px 0 15px 0;
    padding: 10px 0 10px 0;
    background: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-family: Montserrat-SemiBold;
    color: #553c54;
    letter-spacing: 2px
}

@media only screen and (max-width:420px) {
    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .symptomScreenerSlider {
        padding-right: 0;
        margin-left: -34px;
        margin-top: 0
    }

    .footermargin {
        margin-left: -5px
    }

    .PhImpactInSymptomScreener {
        padding: 0;
        margin-top: -10px
    }

    .symptomScreener {
        margin-bottom: 10%
    }

    .gad7Silder {
        margin-left: 0
    }

    .sliderPhQ9Impact {
        padding-right: 18px;
        padding-left: 15px;
        margin-left: -3px
    }

    .socialActivity {
        margin-left: 0
    }

    .btn-White {
        margin-top: 10px;
        margin-left: 0
    }

    .suicidalBoxInSymptomScreener {
        margin-top: 10px;
        margin-bottom: 5%
    }

    .mobile-margin-bottom-20per {
        margin-bottom: 20%
    }

    .selfAssessmentInDashboard {
        padding-bottom: 30px
    }
}

.orange-link:hover {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
    color: #e14504;
}

.margin-left-paused-circle-22 {
    margin-left: 22px
}

.margin-left-15px {
    margin-left: 15px
}

.margin-left-48px {
    margin-left: -50px
}

.margin-left-minus65px {
    margin-left: -65px
}

.top-5px {
    top: 5px
}

.margin-top-5-tracker {
    margin-top: 5px
}

.tracker-social-right {
    margin-left: 17px
}

.margin-left22px {
    margin-left: 22px
}

.margin-right-5px {
    margin-right: 5px
}

.margin-top-tracker-40 {
    margin-top: 40px
}

.img-handsign-hover:hover {
    cursor: pointer
}

.close-hover:hover {
    text-decoration: none !important
}

.custom-color {
    color: #f37d31 !important
}

.iconset .palyicon {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.bckcolor {
    background-color: #f7f7f7
}

.modalbackcolor {
    background-color: #fff
}

.height-350 {
    height: 350px
}

.padding-20 {
    padding: 20px
}

.Changecursor a:hover {
    cursor: pointer
}

.Fontsize14 h2 {
    font-size: 14px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

a.activeRegister {
    font-size: 12px !important;
    color: #000 !important
}

.sessionButton {
    background: 0 0;
    border: none;
    width: 100%
}

    .sessionButton:hover {
        cursor: pointer
    }

.modalResetPassword .modaltext {
    font-size: 18px;
    height: 80px
}

.modalResetPassword .modalfooter {
    border-top: 1px solid #000
}

.forgot-password-input input, .logininput, .resetPasswordInput input {
    max-width: 340px !important
}

.btnResetPassword {
    color: #000;
    background: #f79c00
}

.resetPasswordInfo {
    color: #a94442;
    font-size: 13px
}

.navigation {
    padding-left: 0 !important;
    padding-right: 3px !important
}

.margin-top-10-per {
    margin-top: 10%
}

.dashboardHeaderTracking {
    color: #d35b2f !important;
    font-family: Montserrat-Light;
    font-size: 13px
}

    .dashboardHeaderTracking:hover {
        color: #d35b2f !important
    }

@media only screen and (max-width:400px) {
    .healthCareHeight {
        line-height: 24px
    }
}

.color-light-brown {
    background: #eff0ea
}

.color-dark-brown {
    background: #d8d8d4
}

.btnWidthMarginLeft {
    width: 20%;
    margin-left: 40%
}

.btn.btnHover:hover {
    color: #555 !important
}

.orange {
    color: #f79530 !important
}

.dark-orange a {
    /*color: #f79530 !important*/
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.underline a {
    text-decoration: underline #e14504;
}

.glyphicon-2px {
    top: 2px
}

.Box-border {
    border: 1px solid #ddd !important
}

.margin-top-complete {
    margin-top: 40px !important
}

.color-black {
    color: #333 !important
}

.selfAssessmentInDashboard .selfAssessment {
    color: #31251b !important;
    font-size: 33px !important;
    font-family: DMSANS-REGULAR !important;
    letter-spacing: 2px !important
}

.glyphicon-top {
    top: 2px !important
}

.continue-padding {
    padding: 14px 34px !important
}

.report-overview-calendar {
    width: 10% !important;
    position: relative !important;
    top: -28px !important;
    left: 85% !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

input[type=text].share-mycompas-name {
    border: 1px solid #ccc !important;
    box-shadow: none !important
}

.paragraph-after-li {
    padding-left: 38px
}

ul.numbering {
    list-style-type: none !important;
    margin-left: 7px !important;
    padding: 0 !important;
    color: #111
}

.numbering li {
    float: left;
    display: block;
    text-align: center
}

.numberlist {
    position: relative !important
}

.QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 10px !important
}

.QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 10px !important
}

.numpadRight0 {
    padding-right: 30px !important;
    padding-left: 2px !important
}

.numpadRight1 {
    padding-left: 12px;
    padding-right: 34px !important
}

.numpadRight2 {
    padding-left: 17px;
    padding-right: 32px !important
}

.numpadRight3 {
    padding-left: 16px;
    padding-right: 32px !important
}

.numpadRight4 {
    padding-left: 12px;
    padding-right: 29px !important
}

.numpadRight5 {
    padding-right: 32px !important;
    padding-left: 20px
}

.numpadRight6 {
    padding-left: 16px;
    padding-right: 31px !important
}

.numpadRight7 {
    padding-left: 15px;
    padding-right: 32px !important
}

.numpadRight8 {
    padding-left: 16px;
    padding-right: 32px !important
}

.numpadRight9 {
    padding-left: 15px;
    padding-right: 27px !important
}

.padding-left-36per-mob-0per {
    padding-left: 36%
}

.iconset .treatment-play-icon {
    width: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.5);
    font-size: 55px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    height: 127px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAB/CAYAAADGvR0TAAAACXBIWXMAABcRAAAXEQHKJvM/AAAL6UlEQVR4Xu2d7XXjthKGn/jc/1YH5q3ASgVmKljfCpZbwToVhKkg2goiVxC7gtAVRK4gVAdSBbg/RljSWnIA8EP8EJ9zcNYrjGSR78xgAIL0T8YYZkgMRKe2AtalvocfzQHYA3np/1np3wOwY2b8NAPx41Nbn9qdZtySN8RBslPL603HzxTFj4BHRPBPqmX/7BEneKHIEJNhKuJHiOAJcK9aDssr4ggvTMARxi5+cmp14/RYOSIOsGHEtcIYxV8BT6d267CdAm/A9tRGxZjEj4AUSe99in5e1Vv6zi575Pi2utnlGIP4NtJ/cxl6skdS7Q4ROT/9HDIGrymmiBHFTKILpxyNEwwt/hNyItqc1HeKqVdGmMihWCeIaZ+h3pBjz3Sz/hhK/BgphppW7raqzhh2rr1GCtJHmq8vPCNB0KfTVnJp8VeIt3912FXxTlE4XfxEeWAdISE8IxyR97047DrlkuKvkYMLjZBnRPBMNxsVCeLkocf6irz3Ms5tjLlES004W2NMZNyfPeYWG2MyE0ZujFkb92e3bk6Dlm1ljHkxYWzN9EU/b7ERUUN4Mu7PbdWcBi3a2hizM/5k5kIeP2BLjDEH48/WuD+zcetrzF8jY7RP4XNEqt2tw24urJCZzmeX4Yl3ZHbUeR1w4zJoQAL8g5/wr8giylY3mxUH5Bz9giz4uLhHAmnlsAuma/ET4E+XERLtX5D5cecePREyJEO+OuxAHCDn46aU1nSZ9hP8hH9HbHcOu2siwe/cHZEhoJNz15X4CX5f/rLz2GnhWyd15gBdpP0EP+G/cd1p3sUOqX/eHXa3SI3UugZoG/lrpLhz8YXrKurasEJWQl2XmFvPAtpEvk1TLhbhwzggoj477O5peV6bir9CfrFrfFqEb06C2wE+IWsGjWgq/hb35dhF+PYkuB3g68kumCZjfop7180ifHeskOFVC7ZGM4BQ8X0KvG/Icu1Cd/g4wDuBi0Ahad9WoRqvLML3gV0SPio290hW9iYk8jfoO3BaTz0WnMTA3w6bn/FM/76RH6MLb7chLcL3Swb87rDZOvq/4yu+azrxhKe3LbQmRXb+1uGd/n3S/hPwh9L/iizbLlyOCAm2unWWI1L85TX9gFv8FfIB2i+JWNL9ELiC8hnH/N+V9p/QV/GeGEb4NcW+/ReuM/Ns0NP/ZxxTPy3yI+Dfuk7kF8dKf19EVKe8N66v9ohooZEW+anSB8PN51Oqs9EDsgC1pYPLnRMhRxbV6niggfgr9A2GzwwXYZGj/zNyUoZyzkuToi/+JHUddeK7Tlzq6B+aW6QYyhlmaLokB/Sp+GdqAqaJ+M8Me3NkCHfIiliGO2NMmQ169KdVL1aJn6BX+KnSN1YekMJowzzrAVf0P1Jx3HXi1zGlqK/iK/OtB7Tov6ViOnwufoS+d2yr9E2FudYDB/Srrsn5C+fia4sl9gkYY0Zb9DhnjvWAlvofODvOc/ET6tkqfWMhxv82KMuc6oEd+tbvD8FdFj9C3ymyVfrGRIYcy6/oFfA5c6kHtkpfUv5PWXwt5b8yzBp+GzaIE2grYOfYemDHdOsBbdy/p5TdyuLHP5gWaB84Zg5IJP9MWD1wj9QDL0yvHsjxTP1l8T9VGFoypW8K2Ej+H2H1wCekHkiZVj2wVfpi+4MV//sLFbwz7bl9GRvJvxNWD/yGnINENxsNmdIX2x98xM+UvqmSIk7wrJt94Ba5IXUK9cCOeue+45TFrPjrGkOYp/hQbIeeaz2QKX0xXLf4lrnWA5nSt4ZC/Lsaoz3Tm+I1ZW71wE7p+y5+rBhpHzBXUuZRD2RKXwQifqQYXaP4MJ96oG4Yuwe3+LnSdw3YSP5CeD2wY/h6IFf6ohv0L5crfdfEFhknQ+qBW6Qe2DFcPaBl7ugGvdLPlb5r44BE8pqweuAOqQcyLl8PqMX6+SXdc3JH/zWSUzxBM6QeeEDqgS2Xqwc08WOX+Av1ZDSrBz5zuXpALdhv0P+27IKbLe3qgUeHbW9okZ8rfQsfaVMP/MXlhoEPLGm/W3Ka1QNPLoM+WMTvhwwR1HcYiFwGfbCI3z0rpA74B/dDKi2Zy6APFvG7JUVS/2fd7APvDLQ59ob6ql67eWPhIzEi+m/4RzvI5tKYga6c/gf50nWXdBd0IiRqQwPlDSkMc92sX5a034wVsjX8X8KE3yMzgZjLCB8rfblLfG3d/1p5QoT76rArc0RuIokYqLirIL9B/zJ9Lz9OiRgR/Q/Cx/UI97MM+0AN3iXy3URIgPxNWG30BvyX4Z5YBnrwZq7Ij5S+uTOVcV1D/d436F55rZE/h3E9UvreQKZ62mW/axM/RqZuIekdZFxPGS69V6Fpl0Mx5tddhLjlOlJ/hGy6bDKu/8yw43odmvg7KMTP6+0uvvXokqyQiP0X/UbVc/bITR4x493hHCt9H8TP6u1mK35CsSTryxHZtBEx/tvWtWIvAxnzv/+nhkelb4rESBWvPYWkimfGmd6r0DT7PsSX037dBZ5b5lH4RRTjeojwdlxPmIbwoGfrzP5QXuT5/mIFidI3duY8rtehRX5mfyiLr41hU039CfMe16tYUz9jOdIg8u+YVuqPkWj9k7B1+GdE9FQ3GzWJ0vfBmcviH5CnbtWRKH1jIeJ6xvU6EqWvVvwfOs9IlL6xcE3jehUJ+t9Dcopft+P0lmk4gA92XF8zzXG9jkTp++E4z8U/VBmVSJW+qfCMiJ4y/RRfZk3gQ7OrrudvKl6z3DHdFb835FJrwvCXWvvgSenbU1HQV4m/Q7/bJFX6xsgeuZkyZhyXWvsgQt8unla9WLeTZ1vzOjj+YtOIKI/rW9108qRK3w+FnkUTv2651/aPmbmO61XE6FG/oeYc1IkPujfdMVzlrxWkcx/Xq0iVviNaDWeM0Vpu6jkYY1Y17+uzrYwxmflIboxJPN47t5YYndQo73f9IeUEWSKt45nhMsAjxV+KfmH+6f2cFXLs2qJOhHJeXOKDVMja/PEX5ltFj5kX9NXMX3HcK+AjfoysldexRyLw2iJvSB6RJ3rUscdj76VW8Fky9EeN3DH+6n9OrHCf78TRD/iJD+6nTHzC8xcutOYF/TL1NzyHYZ+0b3GlGpDLojuHzUJzNug3kjiLvDK+kQ/icdr1fhCPWzlsFpqR4L6D6BFP4SFMfJAvoK383bI4QB+s0afcEJDuLSFp37JGHjak8cY01v+nwBoRVRvn32mwzS408kHG9F8dNg+4K9IFNz7CH2m4wbaJ+CCFhzb9A7nYsHXYLNTjIzyI8LnDppKm4oOM/+8OG+sASw0Qhq/wXwgc58s0GfPLrJBf7top+47UAN6V6BXjK/w3Wj62tU3kg4gZ437M6D1yQMFFyZWR4PfkzmdaCg/txYdwB4h1s6tlg3s6Bx1eSe1CfCj+EJHLAW6Ri0Spw+6asEOnawEHOhQeuhMfCgdwFYEg985leFx5mjm2UtcumVs6FR66FR/CHOABsW89dk2QFbJc/hfu8R2kuEtcRqF0LT4UNYDrOgDIgf/BdWWBBIl239vKvtBTgPQhPogDPCIe68MDcp/dhvmuCcSIk/veOXxEdkltHXbN0Tb4ddQSI5s9fTkY2Xg4xObQPlpkjNmaMHZG3uf67FbNadBRWxs5oBCm7gRrEy66McZsjPuzO2ltV/hCSQl7SgYUd5xsmMZGkeTUfCr4MvYCTeaw64xLiw8y9m1wLwlX8Y6MgS80vJjRE2sK0X3G83O+McDdRUOIb0mRKrbJyYLCETKGyQiPiCM/EvbUzjJ7xGEy3awfhhQfiuffaPea+XBETmCGOEKm2DYhQqJ7jQgemtLPOSLHvXHY9crQ4lvWyIloe1LL7JGhYYek0wN+GSI+/btGpp1dfid779yGC6f4KsYiviVG0mDbTDA2RiW6ZWziWyIkLT7SvCYYA3vkOF4YkeiWsYpvWSEOkNBt+u0TOzXd0n3t0SljF79MROEITaaJfWIFt20STEn8MjYjxKfWdKrVhjeKGUamGY6VqYp/zgpxAjsdi+g2O7xRzBx2TFTsc+Yifh0RxaXiuNbqIznF6mFWazUD/g9/vnuvLV9VeQAAAABJRU5ErkJggg==)
}

.treatment .fa-play-circle-o:before {
    content: "" !important
}

.newUserModal-dialog {
    margin-top: 80px;
    position: relative
}

    .newUserModal-dialog p {
        color: #333
    }

.newUserModal-footer {
    text-align: center;
    padding: 7px 0 7px 0;
    font-family: DMSANS-REGULAR
}

    .newUserModal-footer .btn:hover {
        color: #333 !important
    }

.symptomModel-footer .btn-White:hover {
    color: #333 !important
}

.marginleft12permob {
    margin-left: 12%
}

.padding-left-25px {
    padding-left: 25px
}

.padding-left-41per-mob-0per {
    padding-left: 13%
}

.reg-or {
    float: right;
    left: 8px;
    position: relative
}

.mobile-margin-left5per {
    margin-left: 14px
}

.knowledgeCentre-InterestArea {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12pt !important;
    letter-spacing: .3px !important;
    margin: 2px 0 14px 15px;
    width: 250px
}

.knowledgeCentre-QuickLinks {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.knowledgeCentre-QuickLinks-Headings, .knowledgeCentre-QuickLinks-Headings a {
    color: #e14504 !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    font-family: DMSans-Regular !important;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledgeCentre-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-IntrestAreaTopics {
    color: #000;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-SelectedIntrestAreaDescription {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Heading {
    color: #272727 !important;
    font-family: DMSANS-BOLD;
    font-size: 27pt !important;
    letter-spacing: 2px !important
}

.Tracking-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
}

.Tracking-Summary-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Tracking-Summary-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-EditTracking {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-From {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-To-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Share-Progress {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important;
    letter-spacing: 0 !important
}

.Tracking-TarckingData {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Reporting-Heading {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.tracking-analysis {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

    .tracking-analysis b {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 16px;
        letter-spacing: .4px;
        font-weight: unset !important
    }

    .tracking-analysis ul {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: unset !important
    }

.tracking-analysis-description-2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-analysis ul li b {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.Tracking-Reminder-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippets-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 42pt !important;
    letter-spacing: 0 !important;
    margin-top: 57px;
    line-height: 50.4pt
}

.Snippets-Heading-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 18pt
}

.Snippets-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Main-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Your-Favourite {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Snippets-Edit {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippet-About-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Light !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    padding-left: 3px !important;
    height: 33px !important
}

.Snippet-FavoriteSnippetData-Author {
    color: #000 !important;
    font-family: DMSans-bold !important;
    font-size: 18px !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 16.8pt !important
}

.Profile-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Profile-Heading-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Profile-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Profile-Detail-Labels {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Save-Button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    font-weight: unset !important;
    border: none
}

.Continue-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Continue-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.Save-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Save-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.PhSuicidalThoughts-Heading {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.PhSuicidalThoughts-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Continue-Button {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors-Active {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div h2, .resultselfpadding1 div h4 {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div p {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Description2 {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Register-link {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.menu-login-bold {
    color: #272727 !important;
    font-family: DMSans-Bold !important;
    font-size: 13px !important
}

.login-password, .login-username {
    color: #393939;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0
}

.login-forgot-link, .login-or-label {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.login-rememberme {
    color: #393939;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

.login-btn-facebook, .login-btn-twitter {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.login-btnlogin {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.navigation-menu {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important
}

.navigation-menu-withoutLogin {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.myCompass-text {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.personalize-text {
    color: #2e102d !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 1px !important
}

.get-started-button {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.jumpToInfo-Text {
    color: #000 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.catagory-menu-Text {
    color: #7e8180;
    font-family: DMSANS-Medium !important;
    font-size: 14px;
    letter-spacing: .5px !important
}

.getstartedIn5-text {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.printbrochure-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.catogory-under5-minutes {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 16px !important;
    letter-spacing: .4px !important
}

.your-treatment-number1, .your-treatment-number14, .your-treatment-number7 {
    color: #fff !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 1px solid #e14504;
    text-align: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    padding-top: 3px;
    border-radius: 24px;
    background-color: #e14504 !important
}

.your-treatment-number14 {
    letter-spacing: 0 !important
}

.your-treatment-Heading1 {
    color: #e24201 !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    font-family: DMSANS-BOLD
}

.your-treatment-Heading2 {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 16px !important;
    letter-spacing: 2.3px !important
}

.your-treatment-number14, .your-treatment-number7 {
    margin-right: 10px
}

.your-treatment7-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment7-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

span.letter-spacing {
    letter-spacing: 2px !important
}

.your-treatment14-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment14-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR;
    padding-top: 45px !important
}

.your-treatment-number {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 56px !important;
    letter-spacing: 7px !important
}

.youTreatment-textwithnumber-7 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-1 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-2 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 21px !important;
    letter-spacing: 2.3px !important
}

.padding-right-4 {
    padding-right: 4px
}

.Try-oneActivity-text {
    color: #2e102d !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .9px !important
}

.Try-activity-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.About-Program-Btn {
    color: #e14504 !important;
    background-color: transparent !important;
    font-family: DMSans-Medium !important
}

.myCompass-made-me {
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 22px;
    letter-spacing: 0 !important;
    font-weight: 700
}

.best-of-all-text {
    color: #31251b !important;
    font-family: DMSans-Bold;
    font-size: 22px !important;
    letter-spacing: .5px !important
}

.get-yourself-text {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.getstarted-in-mademe-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px
}

.footer-menu {
    color: #000 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 14px !important;
    letter-spacing: .9px !important;
    text-decoration: none !important;
}

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0
}

.person-text {
    color: #000 !important;
    font-family: DMSans-Medium;
    font-size: 18pt !important;
    letter-spacing: .5px !important;
    font-weight: 400 !important
}

.Activity-Completing-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
}

.Activity-Landing-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Activity-Landing-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Activity-Landing-Description.smart {
    width: 54%
}

.Activity-Landing-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt;
    width: 60%;
    margin: auto 81px;
    height: 290.656px !important
}

.Activity-Landing-Session-Heading {
    color: #e14504 !important;
    font-family: DMSans-bold !important;
    font-size: 14pt !important;
    letter-spacing: .5px !important;
    text-transform: uppercase;
    line-height: 16.8pt;
    text-align: center
}

.Activity-Landing-Session-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    line-height: 21.6pt;
    text-align: center;
    padding: 0
}

.Activity-Landing-Session-Begin-Button {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    line-height: 14.515pt;
    width: 170px;
    border: 1.5pt solid !important;
    margin: 25px 105px !important;
    text-align: center;
    height: 36px
}

.Activity-Keep-Learning-Description {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Profile-Questionnaire-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Questionnaire-Question-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factor-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Checkbox {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Enable {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Default-Snippet-Types {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Dropdown-Headings {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-TrackingReminders-Dropdown-Headings2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Tracking-Complete-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-Currently-Empty-Heading {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important;
    font-weight: unset !important;
    text-align: center
}

.Snippet-Browse-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

h1.text-center.register-header {
    font-family: DMSANS-BOLD;
    font-size: 44px
}

h2.text-center.register-header {
    font-family: DMSANS-REGULAR;
    font-size: 27px
}

.register-header {
    color: #272727;
    font-family: 'DM Sans';
    text-align: center;
}

.register-header2 {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 18px;
    letter-spacing: 0
}

.register-already-registered {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

    .register-already-registered .orangeclr:hover {
        color: #e14504 !important;
        text-decoration: none;
    }

.register-header-account, .register-step1 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

.register-step2 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    letter-spacing: 0 !important
}

.register-step1-p {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 31px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
}

.register-aside-header {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 23px;
    letter-spacing: 0;
    padding: 0;
    font-weight: unset !important
}

.register-topic-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    padding: 0
}

.register-select {
    font-family: DMSans-Regular;
    font-size: 18px;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 1px solid #e14504;
}

.register-additional-info-header {
    color: #272727;
    font-family: DMSANS-REGULAR;
    font-size: 18px;
    padding: 0;
    letter-spacing: 0 !important
}

.register-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.register-step2-header {
    color: #272727;
    font-family: Montserrat-Medium !important;
    font-size: 18px;
    letter-spacing: 0 !important
}

.register-step2-sub-header {
    color: #000;
    font-family: Montserrat-medium;
    font-size: 18px;
    letter-spacing: 0
}

.Prev-Button {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    cursor: pointer !important
}

    .Prev-Button a {
        color: #c93600 !important;
        font-family: Montserrat-Medium !important;
        font-size: 14px !important;
        letter-spacing: 0 !important;
        cursor: pointer !important
    }

.register-step2-sub-description {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    top: -12px;
    margin-top: 30px;
}

.register-question-header {
    color: #000 !important;
    font-family: DMSans-Medium;
    font-size: 15px !important;
    letter-spacing: .4px !important
}

.register-option-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-header {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-body, .register-previous-link {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.register-contine {
    color: #31251b;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.Activity-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Activity-Active-Panel {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Active-Percentage {
    color: #80bc00 !important;
    font-family: Montserrat-Medium !important;
    font-size: 25px !important;
    letter-spacing: 1.5px !important
}

.Activity-Recommended-Headings {
    color: #272727 !important;
    letter-spacing: .4px !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    margin-left: 0px !important;
    margin-top: -20px !important;
}

.Activity-Recommended-Modules {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    line-height: 16.8pt;
}

.Activity-Recommended-Modules-Inner-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-KeepLearning-Description {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    /*    padding-left: 30px;*/
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    margin-top: -5px !important;
}

.Activity-KeepLearning-Modules {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    vertical-align: middle;
    display: table-cell;
    line-height: 16.8pt;
    margin-left: 10px;
    margin-right: -15px;
}

.Activity-KeepLearning-Circle-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-Main-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Activity-Main-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Main-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Activity-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Module-Name {
    color: #fff !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .6px !important;
  /*  border-top-left-radius: 8px;
    border-top-right-radius: 8px*/
}

.takeSelf-Assessment-text {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    letter-spacing: -3px !important
}

.take-screener-tab {
    color: #31251b !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.over-time-text {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100
}

.self-asessment-questions {
    color: #000 !important;
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    letter-spacing: .5px !important
}

.self-asessment-options {
    color: #000 !important;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px
}

.Profile-Options-Header {
    color: #000 !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    margin-bottom: 12px
}

.Profile-Snippet-Setup-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Snippet-Empty-Text {
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.selfAssessmentInDashboard .SelfAssessmentRegisterLink {
    display: none !important
}

.radio label {
    padding-left: 13px !important
}

.radio.registerLabel label {
    padding-left: 4px !important
}

.knowledgeCentre-padding-left-right {
    padding-left: 30px !important;
    padding-right: 30px !important
}

li.icon.open .menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    font-weight: unset !important
}

.Dashboard-FeatureSnippet {
    background: #fff5e8;
    color: #000;
    font-family: DMSANS-REGULAR;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.tab-content .submittedPHQGAD p b {
    color: #fff !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.tab-content .submittedPHQGAD p a {
    font-family: DMSans-Medium !important;
    margin-top: 14px;
    width: 74%;
    padding: 7px 12px;
    background: #e14504;
    border-radius: 50px;
    color: white;
    border: 2px solid #e14504;
    border: none;
    text-transform: uppercase;
    font-size: 12pt !important;
    text-decoration: none;
}

.SelfAssessmentRegisterLink:hover {
    background-color: #ff0
}

.tab-content .submittedPHQGAD p {
    color: #fff !important;
    font-family: Montserrat-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-ViewSnippet {
    color: #000;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    pointer-events: initial;
    text-align: center;
    cursor: pointer;
    padding: 10px 10px 15px 25px
}

.Dashboard-Snippet-Heading {
    color: #000;
    font-family: "DM Sans Medium",sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.Dashboard-Snippet-Author {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Knowledge-Center {
    color: black !important;
    font-size: 33px;
    font-family: DMSans-Regular
}

.Dashboard-Completed {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Dashboard-Active-Module-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.Dashboard-Active-Button-LetsGet {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Navigation-Menu {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 13px !important;
    letter-spacing: 1px !important
}

.dashboard-Module-Heading {
    color: #272727 !important;
    font-family: DMSans-Regular !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.dashboard-Module-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.dashboard-Activity-ModuleActive {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.dashboard-Activity-ModuleActive-Percentage {
    color: #80bc00 !important;
    font-family: Montserrat-Medium !important;
    font-size: 25px !important;
    letter-spacing: 1.5px !important
}

.dashboard-Activity-ModuleActive-Continue {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Paused {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important
}

.dashboard-Activity-Module-Paused-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Completed-Name {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Btn-View-All-Activity {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-calendar {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-username-text {
    /*   margin-bottom: 30px;*/
    margin-bottom: 0px;
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 45pt !important;
    line-height: 54pt !important
}

.today-tracking-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.slider-question-text {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-edit-setting {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.today-tracking-dropdown-quetion {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important
}

.today-tracking-low-high {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important
}

.submit-tracking-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.report-overview {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 18px !important;
    letter-spacing: 1px !important
}

.report-overview-margin {
    margin-left: 10px
}

.track-now {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.trackers-text {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.view-your-reports {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-edit-your-settings {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.dashboard-edit-your-settings-outer {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.empty-chart-message {
    color: #404040 !important;
    font-family: Montserrat-Regular;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.non-active-module-in-dashboard {
    height: 230px;
    border-radius: 6px
}

.dashboard-activity-panel-heading {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 20px !important;
    letter-spacing: .6px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.profile-self-assessment-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.profile-self-assessment-question-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Tracking-Empty-Heading {
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.float-right {
    float: right
}

.your-treatment-1-day {
    display: table;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.your-treatment-7-day {
    margin-top: 15px;
    margin-bottom: 8px;
}

.your-14days-teatment {
    display: block;
}

@media only screen and (min-device-width :320px) and (max-device-width :424px) {
    .btn-continue {
        width: 40% !important;
        left: 62px !important
    }

    .rgistration-submit-button {
        display: block;
        padding: 0 48px;
        text-align: center;
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        width: 286px !important
    }

    .btn-login {
        margin-left: -35%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Main-Heading {
        font-size: 30px !important
    }

    .mobilemarg {
        margin-left: 0
    }

    .mobilepad {
        padding-right: 5px
    }

    .margin-left-2px_mob {
        margin-left: 2px
    }

    .knowledgeCentre-InterestArea {
        text-align: center !important;
        padding-top: 13px !important;
        font-size: 12px !important
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .btnOrange {
        height: auto
    }

    .Dashboard-ViewSnippet {
        padding-top: 13px !important
    }

    .submit-tracking-button {
        padding-top: 6px !important
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) {
    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -5px !important;
        margin-left: 7px !important
    }

    h4.Dashboard-FeatureSnippet {
        letter-spacing: 0 !important;
        font-size: 21px !important
    }

    .Dashboard-Self-Assessment2-notatall-width-left {
        width: 22% !important;
        left: 0 !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-severaldays-width-left {
        width: 27% !important;
        left: 2px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-morethanhalf-width-left {
        width: 24% !important;
        left: 9px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-nearEvery-width-left {
        width: 24% !important;
        left: 2% !important;
        padding: 0 !important;
        font-size: 12px !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.healthcare-header h1 {
        word-break: normal;
        padding: 0 0px;
        margin-top: 0;
        font-size: 36pt !important;
    }

    div.table-bordered .faicon span.custom-fa {
        position: relative;
        right: 14px;
    }

    .registration-body .error, .help-block {
        width: 100%;
    }

    div div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: 40px;
        margin-left: -10px;
    }

    div.knowledge-header .description {
        font-size: 36pt;
    }

    div.iconset .palyicon {
        left: 42%;
        margin-top: -30px;
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        line-height: 25pt;
    }

    div.about-home-content div.media-body span:not(span.faicon) {
        line-height: 25pt !important;
    }

    .black-Dog-Institute-width {
        padding-left: 0;
    }

    .crisesSupport-width {
        padding-left: 0;
    }

    div.footer-elements div:nth-child(1), div.footer-elements div:nth-child(2), div.footer-elements div:nth-child(3) {
        padding-left: 0;
    }

    .register-selfassessment .back-button button.btn.btnback {
        width: 90px !important
    }

    div.tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
        right: -10px;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        right: -5px;
    }

    .Profile-Options-Header {
        color: #000 !important;
        font-size: 1px !important;
        letter-spacing: 0 !important;
        margin-bottom: 12px;
    }

    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 6pt !important;
        font-family: DMSANS-REGULAR;
    }

    .Profile .numpadRight0 {
        padding-right: 2px !important;
        padding-left: 9px !important;
    }

    .Profile .numpadRight1 {
        padding-right: 0px !important;
    }

    .Profile .numpadRight2 {
        padding-right: 0px !important;
    }

    .Profile .numpadRight3 {
        padding-right: 0px !important
    }

    .Profile .numpadRight4 {
        padding-right: 0px !important
    }

    .Profile .numpadRight5 {
        padding-right: 0px !important
    }

    .Profile .numpadRight6 {
        padding-right: 0px !important
    }

    .numpadRight7 {
        padding-right: 0px !important
    }

    .Profile .numpadRight8 {
        padding-right: 0px !important
    }

    .Profile .numpadRight9 {
        padding-right: 0px !important
    }

    div.Knowledgecenter-img img {
        height: 300px !important
    }


    .container.tracking-pages.track-bg {
        height: 1600px
    }

    .extra-modules div.height-whitebutton {
        min-height: 65.79px !important;
        height: auto !important
    }

    div.core-module div.height-whitebutton1 {
        min-height: 65.79px !important;
        height: auto !important
    }

    .Activity-KeepLearning-Modules .circle {
        margin: 0 auto 10px
    }

    div.selfAssessmentInDashboard .selfAssessment {
        font-size: 28pt !important;
        padding-right: 17px
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 60px !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: -2px
    }

    div.first_question .btnNext.btnsize {
        width: 198px !important
    }

    .activity-container .Dashboard-ViewSnippet {
        padding: 10px 35px
    }

    .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 0;
        margin-bottom: 24px
    }

    .divscroll-height {
        height: auto !important
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .question div.round_img img {
        width: 100% !important
    }

    div.sleep-activity-bg-img.Communicating_clearly {
        background-size: 100% 29%
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 44% 25% !important
    }

    .sleep-landing-container.Building_calm._and._relaxation {
        min-height: 1750px
    }

    .activity-container div.ModuleButtonSpanB {
        width: 68%
    }

    div.dashboard-activity-panel-heading {
        height: auto !important;
        min-height: 62.2px !important
    }


    div.favouriteSnippets {
        height: auto;
        background-size: 360px 320px
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 80%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 30%;
        position: absolute;
        right: 0;
        background-position: bottom 20px right 0;
        bottom: 0
    }

        div.sleep-activity-bg-img.Increasing_Pleasurable_Activities {
            height: 75%
        }

    .sleep-landing-container {
        height: 1403px;
        background-size: 640px 50%
    }

        .sleep-landing-container.Man_Central {
            height: 1640px
        }

        .sleep-landing-container.Increasing_Pleasurable_Activities {
            height: 1500px
        }

        .sleep-landing-container.tracking_Unhelpful_Thinking.sleep-landing-container.tracking_Unhelpful_Thinking {
            height: 1770px
        }

    .ddlBirthYear .dropdown-menu {
        width: 90% !important
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48%;
        left: 50%
    }

    .mobile-self-assement-div .panel-body {
        width: 330px
    }

    div.background_light_blue .center-img {
        width: 319px;
        position: relative;
        left: 0;
        max-width: unset
    }

    div.width_71_mobile {
        width: 71%
    }

    div.width_29_mobile {
        width: 29%
    }

    .tab-content.Profile-Save-Button.button-orange {
        padding: 10px 40px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 70% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 59% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 70px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 70px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .desktop_row.mobileRow {
        width: 294px;
        margin-right: -15px !important;
        margin-left: -17px !important
    }

    .backgound-color-white div._idContainer1305 {
        transform: translate(134px,484.499px) rotate(0) skew(0) scale(.75,.9);
        width: 80%
    }

    .margin-top34-mob {
        margin-top: 30px
    }

    .mob-padding-left8px {
        margin-left: 8px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        margin-left: 0 !important;
        background-repeat-y: no-repeat !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left
    }

    .dark-orange a {
        font-size: 12px
    }

    .layoutsymptomModal {
        padding: 0 !important
    }

        .layoutsymptomModal .btn-White {
            margin-top: 5px !important;
            margin-left: 0 !important
        }

        .layoutsymptomModal .customskipbtn.btnPurple {
            margin-top: 10px !important;
            margin-left: 3% !important
        }

        .layoutsymptomModal .btnPurple {
            letter-spacing: 0 !important;
            margin-left: 0 !important
        }

    .symptomModal-dialog {
        margin-top: 28px !important;
        position: relative !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    h3.Profile-Tab-Heading {
        padding-left: 5px !important;
        letter-spacing: 0 !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
    }

    .report-overview-calendar {
        left: 90% !important;
        top: -30px !important
    }

    .labelMargin1-Left {
        margin-left: 1px !important
    }

    .labelMargin2-Left {
        margin-left: 30px !important
    }

    .labelMargin3-Left {
        margin-left: 31px !important
    }

    .labelMargin4-Left {
        margin-left: 30px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: 1px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 26px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 27px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 27px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label6Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 1px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 0 !important
    }
}

@media only screen and (min-device-width :350px) and (max-device-width :568px) {
    .margin-top34-mob {
        margin-top: 34px
    }

    .mob-padding-left8px {
        margin-left: 4px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background-repeat-y: no-repeat !important;
        margin-left: 0 !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left !important;
        padding-left: 15px !important
    }

    .width-120-per {
        width: 45% !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        margin-left: 0 !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 39px !important
    }

    .labelMargin3-Left {
        margin-left: 39px !important
    }

    .labelMargin4-Left {
        margin-left: 39px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -3px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 34px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 35px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 33px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 7px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 6px !important
    }
}

@media only screen and (min-device-width :410px) and (max-device-width :415px) {
    .mob-padding-left8px {
        margin-left: 10px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background: url(/Images/footer.png);
        background-repeat-y: no-repeat !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 41px !important
    }

    .labelMargin3-Left {
        margin-left: 46px !important
    }

    .labelMargin4-Left {
        margin-left: 47px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -7px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 40px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 38px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 40px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 10px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 10px !important
    }
}

.footerHome {
    height: 130px;
    margin-left: 130px;
    margin-top: -33px;
    margin-bottom: -20px;
    background-repeat-y: no-repeat
}

.padding-top-3 {
    padding-top: 3px
}

.margin-top-6-per {
    margin-top: 6%
}

.margin-top-4-per {
    margin-top: 4%
}

.radio .questionnaire-cr .cr-icon {
    position: absolute;
    font-size: 1.5em;
    line-height: 0;
    top: 60%;
    left: -4px
}

.radio label input[type=radio] + .questionnaire-cr > .cr-icon {
    transform: scale(1.5) rotateZ(0) !important;
    opacity: 1
}

.radio .questionnaire-cr .cr-icon {
    margin-left: unset;
    color: #888
}

.radio .questionnaire-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5;
    border-radius: 50%
}

input[type=radio]:checked ~ .questionnaire-cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.radio .register-cr .cr-icon {
    position: absolute;
    font-size: 1.4em;
    line-height: 0;
    top: 63%;
    left: -4px
}

.radio label input[type=radio] + .register-cr > .cr-icon {
    transform: scale(1.2) rotateZ(0) !important;
    opacity: 1;
    transition: all .3s ease-in
}

.radio .register-cr .cr-icon {
    margin-left: -.06em;
    color: #888
}

.radio .register-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 14px;
    height: 14px;
    margin-right: .5em;
    top: 2px;
    border: 1.5pt solid #e14504;
    border-radius: 50%
}

.login-rememberme input[type=checkbox]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -7.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

input[type=radio]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 14px;
    width: 14px;
    display: block;
    margin-top: -8.521px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.Learn-More-Text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 1px !important
}

.moveleft-web-15 {
    left: -15px
}

.healthcare-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.share-mycompass {
    margin-left: 1%
}

.knowledge-center-hr hr {
    border-top: 2px solid #eee
}

.module-keep-learning .table-bordered {
    border: 1px solid #e3f2f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.module-box-height {
    max-height: 1000px
}

.active-catagory {
    font-family: Montserrat-Bold !important
}

.trackingBox-dashboard {
    background-image: url(/Images/dashboard-graph-placeholder.png);
    height: 600px
}

.tracking-analysis ul li b.custom-color {
    color: #f37d31 !important
}

.border-radius-8 {
    border-radius: 8px
}

.width-70px {
    width: 70px !important
}

.width-nearly-77px {
    width: 77px !important
}

.register-selfassessment .rzslider {
    width: 97% !important
}

.SymptomScreenerQues2 .rzslider {
    width: 90% !important
}

.margin-left-3px {
    margin-left: -3px
}

.margin-left-88px {
    margin-left: 88px !important
}

.margin-left-74px {
    margin-left: 74px !important
}

.width-not-difficult-80px {
    width: 80px !important;
    left: -12px !important
}

.margin-somewhat-left-42 {
    margin-left: 42px !important
}

.margin-very-difficult-left-37px {
    margin-left: 37px !important
}

.width-extreme-difficult {
    width: 105px !important;
    left: 14px
}

.selfAssessment-not-at-all-left-5px {
    left: 14px !important
}

.selfAssessment-several-days-width-left {
    width: 90px !important;
    margin-left: 79px !important
}

.selfAssessment-more-than-left {
    left: 54px !important;
    width: 110px
}

.selfAssessment-nearly-left {
    left: 58px !important
}

.selfAssessment-not-difficul-width {
    width: 100px !important
}

.selfAssessment-somewhat-difficult-width {
    width: 100px !important
}

.selfAssessment-very-difficult-width {
    width: 100px !important;
    left: 128px !important
}

.selfAssessment-not-difficult-at-all-left {
    left: 67px !important
}

.selfAssessment-somewhat-difficult-left {
    width: 100px !important;
    left: 98px !important
}

.selfAssessment-extremely-difficult-width-left {
    left: 161px !important
}

.symptomScreener-not-at-all-width-left {
    width: 58px !important;
    left: 41px !important
}

.symptomScreener-several-days-width-left {
    width: 90px !important;
    left: 142px !important
}

.symptomScreener-more-than-width-left {
    width: 135px !important;
    left: 198px !important
}

.symptomScreener-nearly-width-left {
    width: 115px !important;
    left: 255px !important
}

.symptomScreener-not-difficult-width-left {
    width: 120px !important;
    left: -79px !important
}

.symptomScreener-somewhat2-width-left {
    width: 120px !important;
    left: -37px !important
}

.symptomScreener-verydifficult2-width-left {
    width: 120px !important;
    left: -19px !important
}

.symptomScreener-extremelydifficult2-width-left {
    width: 120px !important;
    left: 19px !important
}

.symptomScreener-Questionnaire2-notatall-width-left {
    width: 70px !important;
    left: -6px !important
}

.symptomScreener-Questionnaire2-severaldays-width-left {
    width: 105px !important;
    left: 60px !important
}

.symptomScreener-Questionnaire2-morethanhalf-width-left {
    width: 135px !important;
    left: 97px !important
}

.symptomScreener-Questionnaire2-nearEvery-width-left {
    width: 110px !important;
    left: 126px !important
}

.symptomScreener-Questionnaire3-notdifficult-width-left {
    width: 130px !important;
    left: -35px !important
}

.symptomScreener-Questionnaire3-somewhat-width-left {
    width: 105px !important;
    left: 0 !important
}

.symptomScreener-Questionnaire3-verydifficult-width-left {
    width: 100px !important;
    left: 53px !important
}

.symptomScreener-Questionnaire3-extremedifficult-width-left {
    width: 130px !important;
    left: -12px !important
}

.z-index-1 {
    z-index: 1
}

.selfAssesmentResultModal-dialog {
    margin-top: 5%;
    background: #fff
}

.selfAssesmentResultModal-header {
    padding: 8px;
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-body p {
    font-size: 13px
}

.selfAssesmentResultModal-footer .btn, .selfAssesmentResultModal-footer .btn:hover {
    color: #31251b !important;
    font-family: DMSans-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    text-align: center !important
}

.selfAssesmentResultModal-footer {
    border-top: none
}

.accordion-bgcolor {
    background-color: #e3f2f7;
    border: 1px solid #ddd
}

.accordion-collapse-in-bgcolor {
    background-color: #fff
}

.accordion-content-padding {
    padding: 20px 30px !important;
    font-size: 20pt;
    font-family: DMSans-Regular
}

.accordion-collapse-in-bgcolor span > ul {
    background-color: #fff;
    padding: 5px 15px !important
}

.accordion-tabbed-collapse-in-bgcolor {
    background-color: #fff
}

.padding-right-15px {
    padding-right: 15px !important
}

.padding-left-right-30px {
    padding-left: 30px;
    padding-right: 30px
}

.padding-home-button {
    padding: 8px 0 8px 0;
    background: 0 0;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    border-radius: 34px;
    margin-left: -20%;
    width: 76% !important;
    border: 2px solid #e14504
}

.padding-share-button {
    padding: 18px 0 18px 0;
    box-shadow: 0 1px 2px 0 #888;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    width: 90%;
    margin-top: 10px
}

.margin-top-home {
    margin-top: 30px !important
}

.about-home-content ul li.tabFive, .about-home-content ul li.tabFour, .about-home-content ul li.tabOne, .about-home-content ul li.tabThree, .about-home-content ul li.tabTwo {
    font-size: 12px !important;
    font-family: Montserrat-Medium !important
}

.about-home-content ul {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.about-home-content span:not(span.faicon) {
    font-size: 20pt;
    font-family: DMSANS-REGULAR !important
}

.about-home-content .accordion-content {
    font-size: 20pt;
    font-family: Montserrat-Medium !important
}

    .about-home-content .accordion-content ul {
        padding: 0 15px !important;
        font-size: 18pt;
        font-family: DMSans-Regular !important
    }

.about-home-content a.tab-anchor span {
    font-size: 14px;
    font-family: DMSans-Regular !important
}

.about-home-content span p b {
    font-family: DMSans-Regular !important;
    font-weight: unset !important
}

.home-content-font-size-12px {
    font-size: 12px !important
}

.home-graph-margin-left {
    margin-left: 14% !important
}

.home-graph-margin-bottom {
    margin-bottom: 20px !important
}

.home-green-content-height {
    height: 100px
}

.AboutPro.media .media-body, .AboutPro.media .media-left {
    display: table-cell;
    vertical-align: unset !important;
    padding: 5px 0 5px 0 !important
}

.AboutPro.media .media-right {
    padding: 10px 0 0 0 !important
}

.AboutPro-Img-Width {
    width: 100% !important
}

div .custom-anchor p a {
    word-break: break-all !important
}

.pad-left-20px {
    padding-left: 25px !important
}

.customNav .nav-tabs > li > a {
    margin-right: unset !important;
    border-radius: unset !important;
    height: 50px !important
}

.customNav ul {
    margin-bottom: -9px !important
}

.customNav .tab-content .active {
    padding-top: 20px !important
}

.customNav .padding-bottom-20px {
    padding-bottom: 20px !important
}

.customNav .padding-left-20px {
    padding-left: 20px !important
}

.customNav .tabOne {
    width: 25%;
    text-align: center
}

.customNav .tabTwo {
    width: 23%;
    text-align: center
}

.customNav .tabThree {
    width: 20%;
    text-align: center
}

.customNav .tabFour {
    width: 12%;
    text-align: center
}

.customNav .tabFive {
    width: 20%;
    text-align: center
}

.customNav .tab-content .active.in {
    margin-top: 10px !important
}

.customNav .nav-tabs {
    border-bottom: unset !important
}

.moreinfo-font {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.mob-margin-top-30 {
    margin-top: 30px
}

.unsubscribe-setup {
    background-color: #e3f2f7
}

.Unsubscribe-Button, Unsubscribe-Button :hover {
    background: #31251b;
    color: #b7b3af;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    padding: 8px 0 8px 0;
    box-shadow: 0 1px 2px 0 #888;
    cursor: pointer;
    border-radius: 3px
}

.tracking-margin-top-20px {
    margin-top: 20px
}

.padding-top-35 {
    padding-top: 35px
}

.dashboard-progress-bar {
    margin-right: 3%
}

.snippet-notification-setup .form-control[disabled] {
    background-color: #fff
}

.tracking-reminder-setup .form-control[disabled] {
    background-color: #fff
}

.dashboard-progress-row {
    padding-top: 28px
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.activity-progress-row {
    padding-top: 26px
}

.modalResetPassword .modal-body p {
    color: #000;
    font-family: Montserrat-Regular
}

.reset-password-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px;
    letter-spacing: 2px !important
}

.margin-bottom-174px {
    margin-bottom: 174px !important
}

.layoutsymptomModal .symptomModel-header h3 {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.layoutsymptomModal .symptomModel-header {
    padding: 15px 0 0 0
}

.layoutsymptomModal .modal-body {
    padding: 15px !important;
    color: #000 !important;
    font-family: Montserrat-Medium !important
}

.layoutsymptomModal {
    padding-right: 0 !important
}

.QuestionnaireRadio .radio label {
    padding-left: 8px !important
}

.Register-Radio-Required {
    margin-top: -10px;
    margin-left: -25px
}

.Register-Radio-Required2 {
    margin-top: -25px;
    margin-left: -25px
}

.Register-Radio-Required3 {
    margin-top: -15px;
    margin-left: -25px
}

@media only screen and (min-device-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .mobilepad {
        padding-right: 5px
    }



    .healthCareHeight {
        line-height: unset
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .report-overview-calendar {
        width: 8% !important;
        left: 90% !important
    }

    .center-img, .imgmobwidth95per, img.width-100-per-mobile {
        width: 100% !important
    }

    .forgot-password-input input, .logininput, .resetPasswordInput input, input, select, textarea {
        max-width: unset !important
    }

    .or {
        left: 48% !important
    }

    .mob-footer.footermargin {
        margin-left: 0;
        width: 33.33333%
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .ipad-remove-padding {
        padding: 0 !important
    }

    .padding-home-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 6%;
        width: 90% !important
    }

    .home-green-content-height {
        height: unset
    }

    .ipad-margin-top-about {
        margin-top: 94px !important
    }

    .ipad-margin-top-about {
        margin-top: 0 !important;
        width: 35%
    }

    .Screenshot3-image-margin img {
        position: relative;
        top: 21px;
        left: 13px
    }

    .Screenshot1-image-margin img {
        position: relative;
        top: -36px;
        left: -32px
    }

    .ipad-clear-both {
        clear: both
    }

    .margin-left-9per {
        margin-left: 26%;
        margin-right: 23%
    }

    div.landing-get-satarted {
        width: 33% !important;
        left: 33%
    }

    .footerHome {
        height: auto !important
    }

    .header-right {
        float: left
    }

    .navbar-header {
        float: none;
        min-height: 15px;
    }

    .myCompassImg {
        width: 250px !important
    }

    .navbar-right {
        float: left !important;
    }
}

@media (min-width:1024px) {
    .padding {
        padding: 7px 15px 15px 15px !important
    }

    margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }

    .mobilemarg {
        margin-left: 8.33%
    }

    .btnOrangeTopPad {
        padding-top: 15px
    }

    .circle div {
        position: absolute;
        top: 24px;
        left: 10px;
        width: 90%;
        text-align: center;
        line-height: 40px;
        font-size: 25px;
        color: #ca3f0c
    }

    .circle span {
        position: absolute;
        top: 41px;
        left: -5px;
        width: 95%;
        text-align: center
    }

    .imgTablet {
        width: 50%;
        margin-left: 22%
    }

    .tab-img-width50per {
        width: 50% !important;
        margin-left: 22%
    }

    .border-right-registration {
        border-right: none
    }

    .reg-or {
        display: none
    }

    .padding-trackingsetup {
        padding: 15px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 2%;
        padding-top: 2px
    }
}

@media (min-width:1024px) {
    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .contact-us-content a {
        color: #616161 !important;
        text-decoration: underline #e14504 !important;
        text-decoration-style: solid !important;
        text-decoration-color: #e14504 !important;
    }

        .contact-us-content a:hover {
            color: #e14504 !important;
            text-decoration: underline #e14504 !important;
            text-decoration-style: solid !important;
            text-decoration-color: #e14504 !important;
        }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .contact-us-content a {
        color: #616161 !important;
        text-decoration: underline #e14504 !important;
        text-decoration-style: solid !important;
        text-decoration-color: #e14504 !important;
    }

    .tracking-setup-container .silder li.step_2 {
        left: 13%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_9 {
        left: 76%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_11 {
        left: 94%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_10 {
        left: 85%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_8 {
        left: 68%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_6 {
        left: 49%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_7 {
        left: 59%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_3 {
        left: 22%;
        position: relative;
    }

    .tracking-setup-container .silder li.step_4 {
        left: 31%;
        position: relative;
    }

    body .tracking-setup-container ul.silder {
        position: relative;
        top: -18px;
    }

    .tracking-setup-container .silder li.step_5 {
        left: 40%;
        position: relative;
    }

    .symptomModal-dialog {
        left: 8%;
    }

    div.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        padding: 14px 2px !important;
        font-size: 14pt !important;
    }

    div.Profile #setQuestionnaire .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: left;
    }

    div.Profile .back_btn_div #setQuestionnaire button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
    }

    .Profile #setQuestionnaire .back_btn_div {
        width: 50%;
        margin-left: 0;
    }

    .favouriteSnippets div.browseSnippets {
        background-size: 400px 320.52px,1361.56px 976.28px;
        background-position: right 2% bottom 28px,left 0 top 0;
    }

    .contact-us-content a:hover {
        color: #e14504 !important;
        text-decoration: underline #e14504 !important;
        text-decoration-style: solid !important;
        text-decoration-color: #e14504 !important;
    }

    div.your_favouriteSnippets {
        padding-left: 20px !important;
    }

    .Home_Splash-text-width .myCompass.myCompass-text-color, .Home_Splash-text-width .myCompass-text1-color, .Home_Splash-text-width .get-started-button {
        margin-left: 0px !important;
    }

    .registration-body .register-selfassessment .questionnairSurve {
        margin-right: 0px;
        width: 69%;
    }

    .dashboard__page_body .custom-carousel .Snippet-FavoriteSnippetData-Author {
        margin-bottom: 0px !important;
    }

    .dashboard__page_body .custom-carousel .Dashboard-ViewSnippet {
        margin-bottom: 20px;
    }

    .dashboard__page_body .custom-carousel .carousel-indicators {
        bottom: 0px;
    }

    .Knowledge div.lnkShowNext-div .lnkFinishTab {
        margin-top: 0px;
    }

    .self_asessment_lable {
        font-size: 14pt;
    }

    .Profile .user-self-assessment .selfAssessment_text_div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .user-self-assessment .selfAssessment_text_div {
        padding-right: 0px;
    }

    #myModal4 {
        padding-right: 0px !important;
    }

    .seniors-padding {
        width: 215px;
    }

    .adults-padding {
        width: 190px;
    }

    .tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
        top: 0;
        right: 10px !important;
    }

    div.tracking-graph-container a.tracking_prev_button.Last14day {
        margin-left: 0px;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        right: 0px;
    }

    .modal-body.from-your-responses-message-div-ShowSuicidalFeedback .SelfAssessment-SeveralDays-Description {
        height: 350px;
        width: 470px;
    }

    div#userNav {
        width: 100% !important;
    }

    .registration-body .btn-Continue-from-your-responses {
        margin-right: -170px !important;
        margin-top: 18px !important;
        float: right;
    }

    div.ipad-margin-top-about {
        width: 57%;
        margin-left: 22%;
        margin-top: 2% !important;
    }

    .register .mobileNumber-in-mobile {
        width: 190px;
    }

    .register .register-label.margin-left-40.clear-mob {
        width: 190px;
    }

    div.footer-elements {
        padding-left: 0%;
    }

    select.register-select.registerHealthProfessionalType.form-group.form-control.margin.margin-top-10-min.border-radius-0px.register-select-option {
        width: 150px !important;
    }

    .ModuleButtonSpan.Activity-KeepLearning-Modules .inner {
        display: table-cell;
        vertical-align: middle;
        height: 75.79px;
    }

    .registration_Background_img-step1 img {
        margin-top: -48px !important;
    }

    .form-group .register-select {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    div.row.margin-top-20.contact-us-content.padding_left_100 {
        padding: 0 30px;
    }

    .height-buttonwhite {
        max-width: 100%;
    }

    .tracking-graph-container .add-an-entry.white {
        padding: 15px 0px 15px 0px !important;
    }

    .tracking-graph-container .filter-section .add-an-entry {
        padding: 15px 0px 15px 0px !important;
    }

    select.form-control.Profile-Tracking-Reminder-Dropdown {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .numpadRight0 {
        padding-right: 20px !important;
        padding-left: 9px !important;
    }

    .factor-div {
        padding: 10px;
    }

    .LifeStyleFactor-div {
        padding: 10px;
        padding-left: 0;
    }

    .numpadRight1 {
        padding-right: 20px !important;
    }

    .numpadRight2 {
        padding-right: 16px !important;
    }

    .numpadRight3 {
        padding-right: 20px !important;
    }

    .numpadRight4 {
        padding-right: 15px !important;
    }

    .numpadRight5 {
        padding-right: 15px !important;
    }

    .numpadRight6 {
        padding-right: 20px !important;
    }

    .numpadRight7 {
        padding-right: 15px !important;
    }

    .numpadRight8 {
        padding-right: 20px !important;
    }

    .numpadRight9 {
        padding-right: 15px !important;
    }

    .numpadRight0 {
        padding-right: 20px !important;
        padding-left: 9px !important;
    }

    .numpadRight1 {
        padding-right: 20px !important;
    }

    .numpadRight2 {
        padding-right: 16px !important;
    }

    .numpadRight3 {
        padding-right: 20px !important;
    }

    .numpadRight4 {
        padding-right: 15px !important;
    }

    .numpadRight5 {
        padding-right: 15px !important;
    }

    .numpadRight6 {
        padding-right: 20px !important;
    }

    .numpadRight7 {
        padding-right: 15px !important;
    }

    .numpadRight8 {
        padding-right: 20px !important;
    }

    .numpadRight9 {
        padding-right: 15px !important;
    }

    .numpadRight0 {
        padding-right: 20px !important;
        padding-left: 9px !important;
    }

    .numpadRight1 {
        padding-right: 20px !important;
    }

    .numpadRight2 {
        padding-right: 16px !important;
    }

    .numpadRight3 {
        padding-right: 20px !important;
    }

    .numpadRight4 {
        padding-right: 15px !important;
    }

    .numpadRight5 {
        padding-right: 15px !important;
    }

    .numpadRight6 {
        padding-right: 20px !important;
    }

    .numpadRight7 {
        padding-right: 15px !important;
    }

    .numpadRight8 {
        padding-right: 20px !important;
    }

    .numpadRight9 {
        padding-right: 15px !important;
    }

    .Profile-Options-Header .numpadRight0 {
        padding-right: 20px !important;
        padding-left: 9px !important;
    }

    .Profile-Options-Header .numpadRight1 {
        padding-right: 20px !important;
    }

    .Profile-Options-Header .numpadRight2 {
        padding-right: 16px !important;
    }

    .Profile-Options-Header .numpadRight3 {
        padding-right: 20px !important;
    }

    .Profile-Options-Header .numpadRight4 {
        padding-right: 15px !important;
    }

    .Profile-Options-Header .numpadRight5 {
        padding-right: 15px !important;
    }

    .Profile-Options-Header .numpadRight6 {
        padding-right: 20px !important;
    }

    .Profile-Options-Header .numpadRight7 {
        padding-right: 15px !important;
    }

    .Profile-Options-Header .numpadRight8 {
        padding-right: 20px !important;
    }

    .Profile-Options-Header .numpadRight9 {
        padding-right: 15px !important;
    }

    div.container.footerHome.removeRow {
        padding: 0 100px !important
    }

    .right-header-logo {
        padding-top: 15px;
    }

    .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 130px !important;
    }

    div.Profile .Profile-Detail-inputs {
        max-width: 100% !important
    }

    p.myCompass-text1-color {
        width: 500px;
    }

    div.first_question {
        left: 0 !important;
    }

    .navbar-right .dropdown-menu.Register_loign {
        left: -162px !important
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 58px !important
    }

    .inner-completed {
        padding: 6px 0 !important
    }

    div.height-whitebutton {
        height: 65.79px !important
    }

    .sleep-landing-container.Managing_fear_and_anxiety {
        height: 1000px;
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 100% 100%
    }

    .form-control.mobilenumber-border-orange {
        width: 158px !important
    }

    .register-select-option {
        width: 162px !important
    }

    div.sleep-activity-bg-img.Communicating_clearly {
        background-size: 50% 80%
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    div.progressbar.progressbarInButton {
        margin: 12px 0 0 0
    }

    .Activity-Landing-Description.smart {
        width: 46%
    }

    div.sleep-activity-bg-img.Building_calm._and._relaxation {
        background-size: 64% 70%
    }

    .sleep-activity-bg-img.tracking_Unhelpful_Thinking {
        background-size: 82% 64%
    }

    div.sleep-activity-bg-img {
        width: 50%;
        height: 50%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 82% 70%;
        position: absolute;
        right: 0;
        background-position: bottom 30px right 72px;
        bottom: 0
    }

    div.PrimaryGraphics {
        min-height: 480px;
        background-size: 75% 60% !important
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        height: 1000px;
        background-size: 100%
    }

    div.sleep-landing-container.Man_Central {
        height: 1200px
    }

    div.col-xs-6 span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin: 0
    }

    div.col-xs-6 span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        width: 88% !important;
        margin: auto 0
    }

    .ipad-view-hide {
        display: none
    }

    .mobile-self-assement-div .panel-body .tab-content {
        height: auto;
        min-height: 381px
    }

    .youngpeople-width {
        width: 240px
    }

    .carousel_div {
        margin-left: 22px
    }

    div.mobileRow.HomePage.padding_left_20_desktop.carousel_row.landing {
        margin-left: 0 !important
    }

    .getstartedIn5-text {
        padding-left: 40px
    }

    .Home_Splash_div {
        width: 100% !important
    }

    .mobile-self-assement-div .panel-body {
        padding: 0;
        width: 100% !important
    }

    .takeSelf-Assessment-desc {
        padding-right: 40px
    }

    .tab-content p.padding_10 {
        width: 100% !important
    }

    button.Profile-Save-Button.button-orange {
        padding: 12px 2px;
        margin-right: 0 !important
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        padding: 12px 2px
    }

    .col-xs-12.next-btn, .col-xs-12.text-right, .padding_top_bottom_20 .col-xs-12 {
        width: 31%;
        padding: 0;
        padding-left: 10px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .landing_self_assesment .padding100 {
        padding-left: 0 !important
    }

    body div.tracking-setup-container ul.silder {
        top: -17px !important;
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .profile-page label.Profile-Heading-Description.control-label.alignContent {
        padding: 0 70px;
    }

    .center_in_mobile_landsacpe {
        width: 100%;
    }

    .tracking-graph-container .lower-button-tracking .profile_Questionnaire {
        margin-left: 0px !important;
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px;
    }

    body div.tracking-setup-container .tracking-questions select {
        max-width: 400px !important;
        background-image: url(http://cl-rebranding.mycompass.org.au/Images/ArrowUp.png);
        -webkit-appearance: none;
        background-position: right center;
        background-repeat: no-repeat no-repeat;
    }

    .favouriteSnippets .your_favouriteSnippets .favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-left:before {
        content: " " !important;
    }

    .self_button_tab {
        display: flex;
    }

        .self_button_tab div.first_question {
            position: relative;
            margin: auto;
            left: 0% !important;
            display: flex;
            justify-content: center;
        }

    .navbar-header {
        width: 100%;
    }

    div.height-whitebutton {
        height: 82.79px !important;
    }

    .divscroll-height {
        padding-left: 100px;
    }

    div.tracking-setup-container .Profile-Save-Button {
        font-size: 14pt !important;
    }

    .height-buttonwhite {
        max-width: 100%;
    }

    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 14pt !important;
        font-family: DMSANS-REGULAR;
    }


    .Profile .numpadRight0 {
        padding-right: 42px !important;
        padding-left: 9px !important;
    }

    .Profile .numpadRight1 {
        padding-right: 42px !important;
    }

    .Profile .numpadRight2 {
        padding-right: 38px !important;
    }

    .Profile .numpadRight3 {
        padding-right: 42px !important
    }

    .Profile .numpadRight4 {
        padding-right: 38px !important
    }

    .Profile .numpadRight5 {
        padding-right: 38px !important
    }

    .Profile .numpadRight6 {
        padding-right: 38px !important
    }

    .Profile .numpadRight7 {
        padding-right: 38px !important
    }

    .Profile .numpadRight8 {
        padding-right: 38px !important
    }

    .Profile .numpadRight9 {
        padding-right: 38px !important
    }

    .right-header-logo {
        margin-top: 5px !important;
        font-size: 18px;
        width: 265px !important;
        float: left !important;
        padding-left: 0 !important;
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 32px !important
    }

    .bell-badge {
        position: relative !important;
        left: -10px;
        top: -15px !important;
    }

    p.Basic-Paragraph.ParaOverride-1 {
        margin-left: 0;
        padding: 0 0;
        width: 100%;
        text-align: left;
    }

    .professional p.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0;
        text-align: left;
        padding-top: 0px !important;
        padding-left: 0px;
        width: 100%;
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1.logout {
        margin-top: 0 !important;
    }

    .inner {
        height: 57px !important
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 18px;
        margin-bottom: 10px
    }

    div.sleep-landing-container.Managing_fear_and_anxiety {
        height: 1400px
    }

    div.container.footerHome.removeRow {
        padding: 0 20px !important
    }

    .module-keep-learning .table-bordered {
        padding: 0 20px !important
    }

    div.progressbar.progressbarInButton {
        margin: 0 -24px 0 0 !important
    }

    .module-Container div.progressbar.progressbarInButton {
        margin: 5px -24px 0 0 !important
    }

    .padding.otherModulesBox {
        padding-right: 15px
    }

    .progress-div-line.sleep {
        width: 38% !important;
        margin-top: 18px !important;
        background-color: #e14504
    }

    div.progress-div {
        width: 8%;
        height: 42px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 70%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 60%;
        position: absolute;
        right: 0;
        background-position: bottom 30px right 0;
        bottom: 0
    }

    div.row.PrimaryGraphics {
        background-size: 100% 65% !important
    }

    div.row.activity-module-container {
        height: 770px !important
    }

    div.row.activity-module-container {
        background-size: 100% 67%
    }

    .sleep-landing-container.smart {
        height: 1900px
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 1570px 90%;
        height: 1500px
    }

    .col-xs-5.next-btn {
        padding-left: 15px !important
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin-top: 15px
    }

    div.row.PrimaryGraphics {
        background-size: 100% 42% !important
    }

    a.text-center.get-started-button.getstartedbutton.ng-binding {
        float: left
    }

    div.ModuleButtonSpanB {
        width: 85%
    }

    div.ModuleButtonSpan {
        width: 90% !important
    }

    .tab-content.backgorund-yellow {
        padding: 20px !important;
        padding-left: 25px !important;
        width: 650px !important;
    }

    .row.knowledgeCentre {
        padding: 20px 20px 0 40px !important
    }

    .favoriteSnippet_owl_carousel div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 10px !important
    }

    .Snippets-Your-Favourite.mob-margin-left-3per {
        margin-left: -1% !important
    }

    .snippet_About_DropDown_div .margin-left-about {
        margin-left: 0
    }

    .favoriteSnippet_owl_carousel div.owl-nav .glyphicon.glyphicon-chevron-right {
        left: 0;
        top: 10px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 60px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 38px;
        left: 85px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 67px;
        top: 60px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 38px
    }

    .Home_Splash_button {
        width: 40% !important;
        padding: 12px !important
    }

    .Home_Splash_Man {
        width: 50% !important;
        margin-top: -428px !important;
        margin-left: 400px !important
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .Snippet_header {
        top: 10px;
        position: relative
    }

    div.main-header-logo {
        padding-left: 15px;
    }

    div.tracking-setup-container .Profile-Save-Button {
        font-size: 14pt;
    }
}

.tracking-setups .LifeStyleFactor-div {
    padding-left: 0px;
}

.tracking-setup-body .Profile-Save-Button.button-orange {
    left: 0px !important;
}

div.browseSnippets {
    background-size: 432.09px 320.52px,1361.56px 976.28px
}

.padding_right_0_Ipadpro {
    padding-right: 0 !important
}

.Motivational.motivational-message {
    margin-left: -55px
}

.Fast.motivational-message {
    margin-left: -60px
}

div.container.footerHome.removeRow {
    padding: 0 20px !important
}

div.progressbar.progressbarInButton {
    margin: 0
}

div.row.progressbar-for-activity .progress-div-line.sleep {
    margin-top: -12px;
    margin-left: 194px;
    width: 377px
}

.row.progressbar-for-activity {
    margin: 100px auto 10px auto;
    width: 100%
}

.sleep .progress-div {
    float: none;
    margin: 10px auto 0 auto
}

.section-1 img, .section-2 img, .section-3 img, .section-4 img {
    width: 100%
}

.btnOrangePad {
    padding-top: 15px
}

.margin-left-4pos1 {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 15px;
    padding-bottom: 5px
}

/*.ipad-hide {
    display: none
}
        .healthCareHeight {
    letter-spacing: .8px !important
}

.box-height {
    height: 300px
}

.clearline-Activities {
    border: 1px solid #eaeced;
    /* margin-top: 20px*/
}

.btnOrange {
    height: 50px
}

.Dashboard-ViewSnippet {
    padding-top: 13px !important
}

.submit-tracking-button {
    padding-top: 13px !important;
    width: 55%
}

.Profile-Save-Button {
    height: 44px
}

.Activity-Landing-Session-Begin-Button {
    height: 40px
}

.Tracking-EditTracking {
    padding-left: 12px
}

.padding5 {
    padding: 0 20px 10px 0
}

.knowledgeCentre-IntrestAreaTopics {
    padding-top: 13px !important
}

.dashboard-username-text {
    font-size: 45pt !important
}

.treatment.iconset img {
    width: 100%
}

.margin-top-4-per {
    margin-top: 4%
}

.margin-left-9per {
    margin-left: unset
}

.Screenshot1-image-margin {
    text-align: start;
    margin-right: 110px;
    margin-top: -49px
}

.Screenshot3-image-margin img {
    position: relative;
    left: 55px
}

.ipad-width-100-per {
    width: 100%
}

.TabViewRow {
    margin-right: 0 !important;
    margin-left: 0 !important
}

/*.footer-elements div:nth-child(1) {
    width: 12%
}

.footer-elements div:nth-child(2) {
    width: 13%
}

.footer-elements div:nth-child(3) {
    width: 15%
}

.footer-elements div:nth-child(5) {
    white-space: nowrap
}*/

.navbar-nav > li {
    float: left;
    /*   margin-left: 10px*/
}

.footer-menu {
    letter-spacing: 0 !important;
    font-size: 13px !important
}



.navbar-default .navbar-toggle {
    border: 0;
    float: right !important
}

.navbar-header {
    margin-bottom: 15px
}

#userNav {
    padding: 15px
}

.navbar-nav > li {
    padding: 0 5px
}

.mobile-self-assement-tabs {
    display: inline-block
}

@media (max-width:767px) {
    .visible-xs-block {
        display: none !important
    }

    div.Knowledge .icons-wrapper {
        height: 190px;
    }

    .Knowledge div.row.Knowledgecenter {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    div.knowledge-header .description {
        font-size: 36pt;
        line-height: 42pt !important;
    }

    div.tracking-graph-container .filter-section .add-an-entry, div.tracking-graph-container .filter-section .add-an-entry.last-days {
        font-size: 12pt;
    }

    .tracking-setup-container .register-select {
        background-image: url("http://cl-rebranding.mycompass.org.au/Images/ArrowUp.png");
        -webkit-appearance: none;
        background-position: right center;
        background-repeat: no-repeat no-repeat;
    }

    div.Knowledge .accordian-content-margin {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .Knowledge .circle canvas {
        height: 100% !important;
        width: 100% !important;
        max-width: 170px
    }

    .text-xs-left {
        text-align: left
    }

    div.section-1 label, div.section-2 label, div.section-3 label, div.section-4 label {
        margin-top: 15px;
        margin-bottom: 40px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .text-xs-right {
        text-align: right
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-justify {
        text-align: justify
    }

    .pull-left-xs {
        float: left
    }

    .pull-right-xs {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .mobile-self-assement-tabs li, .mobile-self-assement-tabs li a {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .resultselfpadding1 {
        padding: 19px 40px 33px 23px !important;
        margin-top: -22px
    }

    .Knowledge .btn-return-to-dashboard-div {
        margin-left: 140px !important
    }

    .padding-trackingsetup {
        padding: 10px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-top: 10px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }

    .pull-left-sm {
        float: left
    }

    .pull-right-sm {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }
}

@media (min-width:992px) {
    .text-align-left.Home_Splash-text-width {
        padding-left: 12px !important
    }

    .Home_Splash_Hill {
        width: 95% !important;
        padding-top: 60px
    }

    .Home_Splash_Man {
        width: 70% !important
    }
}

@media only screen and (max-width:768px) {
    .Home_Splash_Man {
        position: initial !important
    }

    .height-buttonwhite {
        max-width: 100%;
    }

    div.Profile div.modal-contentQuestionnaire.ProfileQuestionnaire {
        width: 100% !important;
        height: 280px !important;
    }

    .register-select {
        width: 286px !important;
    }


    .Knowledgecenter-img img {
        padding-left: 15px;
        height: 370px !important
    }

    .container.only-for-tracking-pages {
        padding: 0
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .SelfAssessment-SeveralDays-Description {
        padding: 0
    }

    .Activity-Active-PanelFooter {
        margin-top: 0
    }

    .activeModulePannel .panel-body {
        height: 300px
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .Home_Splash_Man {
        float: right
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .jumpToInfo-buttons {
        line-height: 48px;
        background: #f7f7f7;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 100%
    }

        .jumpToInfo-buttons div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
}

@media (min-width:1200px) {
    .mobile_number_div .mobile_number_div_error {
        width: 100%;
    }

    div.popover {
        max-width: 500px;
    }

    body .tracking-setup-container ul.silder {
        position: relative;
        top: -21px;
        z-index: 0;
        padding-inline-start: 0px;
        width: 100%;
        max-width: unset;
        -webkit-padding-start: 0px;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
    }

        body .tracking-setup-container ul.silder li {
            display: inline-block;
            padding: 0;
            box-shadow: 0px 0px 0px 5px #e14504;
            margin-top: 0px;
            background-color: #e14504;
            border-radius: 20%;
            color: transparent;
            width: 0px;
            height: 0px;
            border: 0px solid;
            line-height: 0 !important;
        }

    body .silder li {
        position: relative;
        left: -6px !important;
    }


    .paddin-left-smallwindow {
        text-align: center !important;
        padding-left: 30px;
    }

    div.featureSnippet .carousel-inner {
        min-height: 320px;
    }

    .register input.form-control.mobilenumber-border-orange {
        margin-top: -6px;
    }

    .carousel_image.healthprofessionals {
        margin-top: 0px;
    }

    .owl-carousel.healthprofessionals .owl-stage-outer .owl-stage > .owl-item.active {
        opacity: 1 !important;
    }

        .owl-carousel.healthprofessionals .owl-stage-outer .owl-stage > .owl-item.active ~ .owl-item.active {
            opacity: 0.5 !important;
        }

    div.mobile-self-assement-div .panel-body .tab-content {
        width: 726px;
    }

    .selfAssessmentInDashboard div.mobile-self-assement-div .panel-body .tab-content {
        height:auto;
        width: 721px;
    }

    .col-md-6.col-md-push-3.text-align-center {
        padding-left: 0;
        padding-right: 0;
    }

    .container-fluid ul.navbar-right.hamburger-menu {
        margin-right: 16px;
    }

    .factor_tracking_div {
        display: flex;
        justify-content: center;
    }

    /*/*    .your_favouriteSnippets .center-block.img-handsign-hover.fav-snippet-img {
        width: 100%;
        height: auto;
    }
    .body-content-home .knowledgeCentre .owl-nav .glyphicon.glyphicon-chevron-right {
        transform: translate(-46px,-60%) rotate( 135deg ) scale(.5,.5);
    }
    .body-content-home .knowledgeCentre .owl-nav .glyphicon.glyphicon-chevron-left {
        transform: translate(-34px,-60%) rotate( 315deg ) scale(.5,.5);
    }*/
    /*    .favouriteSnippets .owl-nav .glyphicon.glyphicon-chevron-right, .favouriteSnippets .owl-nav .glyphicon.glyphicon-chevron-left {
        top: 120px;
    }
*/
    .dasbord_container {
        margin-left: 2px;
    }

    .header_move_left {
        position: relative;
        left: 2px;
    }

        .header_move_left.dashboard__page_body {
            position: relative;
            left: 0px;
            clear: both;
        }

    .numberlist.Profile-Options-Header {
        padding-left: 5px;
    }

    div.Profile .QuestionnaireExtremely {
        position: absolute;
        padding-left: 0 !important;
        right: -45px;
    }

    .Profile .Profile-Save-Button.button-orange.web-align-center {
        margin-left: -43px;
    }

    .self-assesment .Profile-Save-Button {
        height: 44px;
        padding: 8px 2px !important;
    }

    .modal-body.from-your-responses-message-div {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .register .registerHealthProfessionalType {
        /* margin-top: -3px;*/
        margin-top: 5px;
    }

    .activeModulePanelDashboard .progressbar.dashboard-progress-bar .circle {
        margin: 30px auto 5px
    }

    .linkRegisterUser-div {
        margin-left: 0px !important
    }

    .row.registerUser-GuestUser {
        display: flex;
        justify-content: center;
    }

    .btn-linkRegisterGuestUser, .btn-linkExitFromModule {
        min-height: 108px;
    }

    .btn-linkExitFromModule {
        padding: 30px 10px !important;
        margin-top: 0px !important;
    }

    .body-content-home .btn-Continue-from-your-responses {
        margin-right: -55px;
        margin-top: 92px;
    }

    .registration-body .btn-Continue-from-your-responses {
        margin-right: 20px;
        margin-top: 5px;
    }


    .tracking-pages-recommended-Modules .height-whitebutton1 {
        height: 57.79px !important;
    }

    .only-for-tracking-pages .container.tracking-pages.track-bg {
        min-height: 557px !important;
    }

    .row.trackingAnalysis {
        min-height: 500px;
    }

    .only-for-tracking-pages .container.tracking-pages {
        min-height: 590px !important;
    }

    .tracking-pages-recommended-Modules .height-whitebutton1 .inner {
        height: 57.79px !important;
    }

    .basicModuleBox .inner .width-2-per.margin-floatright20 {
        margin-right: -50px !important;
    }

    .basicModuleBox .progressbarInButton {
        margin: 8px 0px -31px 38px;
    }


    .ShowSuicidalFeedback-message-div {
        width: 650px;
    }

    .ShowSuicidalFeedback-message-div-home {
        width: 600px;
    }

    div.Profile .modal-contentQuestionnaire, .modalResetPassword.modal-contentQuestionnaire, .shareMyCompassModal.modal-contentQuestionnaire {
        height: 200px;
        width: 400px !important;
    }

        div.Profile .modal-contentQuestionnaire, .modalResetPassword.modal-contentQuestionnaire, .shareMyCompassModal.modal-contentQuestionnaire.ProfileQuestionnair {
            /* height: 250px;
        width: 700px !important;*/
            height: 200px;
            width: 400px;
        }

    .profileselfassessmentModal.modal-contentQuestionnaire.ProfileModal-dialog {
        height: auto;
        width: 760px !important;
    }

    .Profile .ProfileModalbody, .modalResetPassword .ProfileModalbody, .shareMyCompassModal .ProfileModalbody {
        margin-top: 60px;
        margin-bottom: 30px !important;
    }

    .padding-left-right-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .margin_left_30_persent {
        margin-left: 30%
    }

    div.knowledge-header .description {
        padding: 0 225px
    }

    .Snippet-Browse-Description p {
        width: 55%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -77px
    }

    .motivational-message.Fast {
        margin-left: -44px
    }

    .padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .module-keep-learning .panel-group {
        margin-bottom: 160px
    }

    div.dot-progress-bar {
        width: 232px;
        margin: auto
    }

    .activities .otherModulesBox .whiteButton {
        padding: 30px 32px 30px 15px
    }

    .otherModulesBox .extra-modules .whiteButton {
        padding: 0;
        padding-left: 5px
    }

    .printable-brochures-main-div {
        position: relative;
        top: -127px
    }

    div.sleep-activity-bg-img {
        background-position: bottom 55px right 65px
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100% !important
    }

    .progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 197px;
        width: 383px
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }

    .tracking-page.progress-main-div {
        margin: 0 auto;
        float: none
    }

    .col-md-10.dasbord.dot_image {
        left: -30px
    }

    .symptomModal-dialog.container {
        padding-left: 0;
        width: 52%;
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        padding: 5px 145px 5px 0 !important
    }

    .carousel_div {
        left: 42px;
        position: relative;
        bottom: 20px;
        margin-top: 20px
    }

    .owl-carousel {
        padding: 10px 0
    }

    .carousel_row {
        margin-left: -15px
    }

    div.footer-elements {
        padding-left: 0;
        margin-top: 32px
    }

    div.knowledgeCentre {
        padding: 50px 10px 10px 0
    }

    div.dot_image {
        left: -93px
    }

    .padding_left_100 {
        padding-left: 100px !important
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    .desktop_margin_top_40 {
        margin-top: 40px
    }

    .background_light_blue {
        padding: 50px 0
    }

    div.image-margin {
        margin-left: -52px;
        margin-right: 0
    }

    .treatment_img {
        /*        height: 394px;
        width: 754px*/
        height: 285px;
        width: auto !important;
    }

    .YourDashboard {
        padding: 20px 5px !important
    }

    img._idGenObjectAttribute-Login {
        left: 45px
    }

    img._idGenObjectAttribute-Profile {
        left: 45px
    }

    img._idGenObjectAttribute {
        left: 47px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 3px;
        padding: 0 4px;
        margin-top: -57px
    }

    .display_none_mobile {
        display: block
    }

    .display_none_desktop {
        display: none
    }

    img.myCompassImg {
        width: 240px !important
    }

    ul.navbar-right {
        margin-right: 0
    }

    li.professional.margin_right_14_desktop {
        margin-right: 14px
    }

    div.foote_desktop_row {
        margin-top: 20px;
        padding-bottom: 10px
    }

    .col-md-3.width_27_desktop {
        width: 27%
    }

    .padding_right_0_desktop {
        padding-right: 0
    }

    .padding_left_0_desktop {
        padding-left: 0
    }

    .hear_from {
        padding-left: 30px
    }

    .width_150 {
        width: 150px
    }

    .getstartedIn5-text {
        padding: 0 27px
    }

    .text-lg-left {
        text-align: left
    }

    div.mobileRow {
        width: 100%
    }

        div.mobileRow.carousel_row {
            width: 103%
        }

    .desktop_row {
        width: 100% !important
    }

    div.jumpToInfo {
        padding: 10px 32px 10px 32px
    }

    padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .imgmobwidth95per {
        height: 180px;
        width: 180px
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1, .section-2, .section-3, .section-4 {
        padding-top: 40px
    }

    /*MYC2-781 Starts*/
    .only-for-tracking-pages .container.tracking-pages .nav.nav-tabs li:first-child a {
        padding-left: 0;
    }

    div.tracking-analysis {
        padding-left: 0;
    }
    /*MYC2-781 Ends*/

}

.Activity-Landing-Session-Description ul {
    -webkit-padding-start: 18px !important
}

.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none
}

.table-bordered .faicon .custom-fa {
    font: normal normal normal 18px/1 FontAwesome !important;
    padding-right: 0 !important
}

div.dashboard.selfassestextsizehead h2 {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset
}

.PageHeaderContent {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    width: 100%;
    text-align: center
}

.jump-to-topic .jumpToTopicIconBar {
    display: inline
}

    .jump-to-topic .jumpToTopicIconBar .icon-bar {
        width: 18px;
        color: #d2582c
    }

.jump-to-topic .width-120-per {
    width: 120%
}

.jump-to-topic .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: red;
    margin-top: 2px
}

.jump-to-topic .spanJumpToTopic {
    float: right;
    display: inline;
    margin-top: -15px;
    margin-left: 0;
    font-family: Montserrat-SemiBold;
    cursor: pointer;
    font-size: 12px;
    color: #777
}

.jump-to-topic .dropdown-menu {
    margin-top: 0;
    padding: 0;
    left: 7px !important;
    min-width: 170px !important
}

.jump-to-topic li:hover {
    text-decoration: underline !important;
    cursor: pointer
}

.jump-to-topic li {
    padding: 5px;
    text-decoration: none !important
}

    .jump-to-topic li.active {
        font-weight: 700
    }

ul.jump-to-topic {
    margin-top: -16px
}

.text-center.myCompass img {
    width: 320px;
    height: 37px
}

@media (min-width:320px) and (max-width:330px) {
    .about-home-content .accordion-content {
        padding: 15px
    }

    .about_SelfAssessment div.accordion-content-padding {
        padding: 20px 11px !important
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 2px !important
    }

    .about_SelfAssessment .Profile-Tab-Heading {
        padding-left: 15px;
        width: 100%;
        word-break: break-word
    }

    div.snippet_About_DropDown_div {
        padding-left: 15px;
        margin-left: 0
    }

    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -14px !important;
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_30 {
    margin-top: 30px
}

.try_activity_button {
    padding: 8px 26px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    font-size: 14pt;
    line-height: 16pt
}

.center-block.center-img {
    max-width: 100%
}

._idContainer1194 {
    -ms-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 315.34px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 45%
}

._idContainer1195 {
    z-index: 1;
    -ms-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 65.46px;
    left: 0;
    top: 0PX;
    position: absolute;
    width: 14%;
    transform: translate(171.078px,-2px) rotate(2deg) skew(0) scale(1,1)
}

._idContainer1196 {
    -ms-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 286.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    transform: translate(20px,37.235px) rotate(0) skew(5deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 47%
}

._idContainer1197 {
    -ms-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 338.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    transform: translate(174px,84.256px) rotate(0) skew(-3deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 67%
}

._idContainer1198 {
    -ms-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 170.32px;
    left: 109px;
    position: absolute;
    top: 0;
    transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    transform: translate(104.221px,34.437px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32%
}

._idContainer1199 {
    -ms-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.08px;
    left: 0;
    position: absolute;
    top: -9px;
    transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(229.105px,-6px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 15%
}

._idContainer1200 {
    -ms-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 432.99px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60%
}

._idContainer1201 {
    -ms-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 130.74px;
    left: -21px;
    position: absolute;
    top: 0;
    transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    transform: translate(536.05px,287.141px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 58%
}

._idContainer1202 {
    -ms-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 224.49px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,23.686px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 59%
}

._idContainer1203 {
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 69px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(141.776px,5px) rotate(0) skew(4deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 20%
}

._idContainer1204 {
    -ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 272.44px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(82.274px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1205 {
    -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 110.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(189.513px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 28%
}

._idContainer1206 {
    -ms-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 275.17px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 46%
}

._idContainer1207 {
    display: contents;
    -ms-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 458.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1208 {
    -ms-transform: translate(-.001px,100px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1018.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 417.5px !important;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

div._idGenObjectAttribute-14 {
    height: 501px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

div._idGenObjectStyle-Disabled {
    background-color: transparent;
    border-width: 0
}

img._idGenObjectAttribute-2 {
    left: 0;
    position: absolute;
    top: 0
}

img._idGenObjectAttribute-1 {
    height: 100%;
    min-width: 100%;
    width: 100%
}

._idTextSpan1849 {
    left: 0;
    color: #e14504;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 54px
}

.myCompassdiv {
    top: 144.39px
}

.get_started {
    padding: 6px 20px 6px 20px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504
}

.personalised {
    color: #e14504;
    font-size: 15px
}

._idContainer1305 {
    -ms-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1098.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 440px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 430px
}

div._idGenObjectAttribute-16 {
    height: 476px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 430px
}

._idContainer1304 {
    -ms-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 311.13px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    transform: translate(64.717px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 238.28px;
    overflow: hidden
}

._idContainer1286 {
    -ms-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 47.26px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 19.25px
}

._idContainer1287 {
    -ms-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 238.64px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 80.94px
}

._idContainer1288 {
    -ms-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 190.8px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 115.03px
}

._idContainer1289 {
    -ms-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 29.44px
}

._idContainer1290 {
    -ms-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 85.07px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.85px
}

._idContainer1291 {
    -ms-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.39px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.47px
}

._idContainer1292 {
    -ms-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 151.83px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 87.51px
}

._idContainer1293 {
    -ms-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 58.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 30.6px
}

._idContainer1294 {
    -ms-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 67.86px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 48.15px
}

._idContainer1295 {
    -ms-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 56.15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(65.459px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 68.12px
}

._idContainer1296 {
    -ms-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 12.84px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 5.08px
}

._idContainer1297 {
    -ms-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 147.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 70.44px
}

._idContainer1298 {
    -ms-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 8.87px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 44.13px
}

._idContainer1299 {
    -ms-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 43.68px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.68px
}

._idContainer1300 {
    -ms-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 107.6px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60.19px
}

._idContainer1301 {
    -ms-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 134.57px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100.61px
}

._idContainer1302 {
    -ms-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 84.5px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 83.01px
}

._idContainer1303 {
    -ms-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.37px
}

._idContainer1285 {
    -ms-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 31.91px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32.21px
}

.self_asessment_answer {
    display: none
}

.self_asessment_lable {
    cursor: pointer;
    color: #000
}

p.padding_20 {
    padding: 20px;
    height: 31px;
    margin-bottom: 10px
}

.Profile-Save-Button.button-orange {
    width: 74%;
    padding: 10px 0;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    color: #e14504 !important;
    border: 2px solid #e14504;
    text-transform: uppercase;
    margin-left: 0
}

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        float: right
    }

.backgorund-yellow {
    background: #fff5e8
}

.color-dark-brown {
    border-bottom: 1px solid #e14504
}

.myCompass-made-me {
    padding-left: 21%;
    padding-right: 21%;
    padding-top: 12%
}

.best-of-all-text {
    padding-left: 30%;
    padding-right: 30%
}

.knowledgeCentre {
    padding: 50px 10px 10px 40px
}

.carousel_row {
    background-image: url(../../Images/knowledgeCentrebackground.png)
}

.grayContainer {
    ms-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 345.35px;
    left: 0;
    position: absolute;
    transform: translate(525px,68px) rotate(180deg) skew(2deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 525.4px;
    overflow: hidden
}

    .grayContainer img {
        max-width: 100%
    }

.layout_4B {
    -ms-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 158.58px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(191.713px,225.095px) rotate(180deg) skew(7deg) scale(1,1);
    transform-origin: 0 0;
    width: 188.87px
}

    .layout_4B img {
        max-width: 100%
    }

.red_dot_image {
    ms-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 220.97px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(3px,7.202px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 156.36px
}

    .red_dot_image img {
        max-width: 100%
    }

div.grayrow {
    margin-top: 18px
}

@media only screen and (max-width:768px) {
    .Register-Continue-Style .Profile-Save-Button.button-orange:hover {
        background: #e14504 !important;
        color: #fff !important;
    }

    .HomePage span.glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left, .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
        top: 206px !important;
        left: -12px;
        margin-left: 0;
        transform: translate(0,0) rotate(130deg) scale(.34,.34) !important
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
        top: 100px !important
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 100px !important;
        right: 0
    }

    .favouriteSnippets #myCarousel .carousel-control.lef:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

    .favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 206px !important;
        right: 0
    }

        .favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before, .favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before {
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
        }

    div.printable-brochures-main-div {
        position: relative;
        margin-top: 0;
        z-index: 0;
        width: 100%
    }

    div.rightSide-img {
        visibility: hidden
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 0;
        padding: 0 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    .margin_top_30 {
        text-align: center;
        margin-left: 0 !important
    }

    .margin_left_30.line-height {
        text-align: left;
        margin-left: 9px !important
    }

    div.mobile_margin_top_0 {
        margin-top: 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.your-treatment {
        padding: 20px 0 0 0;
        letter-spacing: 0 !important;
        font-size: 33pt !important
    }

    .background_light_blue .center-img {
        left: -30px;
        position: relative
    }

    .display_none_desktop {
        display: block
    }

    .display_none_mobile {
        display: none
    }

    div .mobile-color-white .backgound-color-white {
        height: auto
    }

    div.mobile-self-assement-div .panel-body .tab-content {
        margin: 0;
        height: auto !important;
        width: 100%
    }

    .mobile_margin_top_15 {
        margin-top: 15px !important
    }

    .Profile-Save-Button.button-orange {
        margin-left: 0
    }

    .self_asessment_lable {
        padding: 0 5px
    }

    div.Dashboard-Self-Assessment2-notatall-width-left {
        width: 75% !important;
        left: 0 !important;
        padding: 0;
        font-size: 12px !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 15PX;
        width: 80%
    }

    .dot_image {
        display: none
    }

    ul.mobile-self-assement-tabs {
        width: 100% !important;
        padding: 0 0 0 15px
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        text-align: left
    }

    .mobile-self-assement-div .panel-body {
        width: 100% !important;
        padding-right: 0 !important
    }

    .owl-nav .glyphicon.glyphicon-chevron-right {
        transform: translate(0,-50%) rotate(135deg) scale(.4,.4);
        left: -28px
    }

    .owl-nav .glyphicon.glyphicon-chevron-left {
        right: -26px;
        transform: translate(0,-50%) rotate(315deg) scale(.4,.4)
    }

    div.featureSnippet.self-assesment {
        background: 0 0
    }

    div.best-of-all-text {
        padding-left: 0;
        padding-right: 0
    }

    div.grayrow {
        margin-top: 62px;
        height: 44px
    }

    div.grayContainer {
        height: 216px;
        width: 97%;
        transform: translate(349px,84px) rotate(180deg) skew(2deg) scale(1,1)
    }

    div.layout_4B {
        height: 116.58px;
        width: 40%;
        transform: translate(142.713px,374.095px) rotate(180deg) skew(7deg) scale(1,1)
    }

    div.red_dot_image {
        width: 36%;
        transform: translate(0,192.202px) rotate(0) skew(0) scale(1,1)
    }

    div.myCompass-made-me {
        padding-left: 10px;
        padding-right: 10px
    }

    a.getstarted-in-mademe-button {
        padding-left: 20%;
        padding-right: 20%
    }

    div.myCompassdiv .CharOverride-1 {
        font-size: 50px;
        color: #e14504
    }

    ._idContainer1208 ._idContainer1205 {
        -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 110.06px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(74.513px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 29%
    }

    ._idContainer1208 ._idContainer1204 {
        ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 272.44px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(28.274px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%
    }

    ._idContainer1208 ._idContainer1206 {
        transform: translate(-4px,181.443px) rotate(0) skew(0) scale(1,1);
        width: 46%
    }

    ._idContainer1208 ._idContainer1203 {
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 69px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(55.776px,5px) rotate(0) skew(4deg) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 20%
    }

    div._idContainer1199 {
        top: 0;
        transform: translate(16.105px,-13px) rotate(0) skew(0) scale(1,1);
        width: 24%
    }

    div._idContainer1197 {
        width: 100%;
        transform: translate(-13px,81.256px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1201 {
        width: 64%;
        z-index: 1;
        transform: translate(168px,287.141px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1195 {
        height: 55.46px;
        left: 0;
        top: 0PX;
        position: absolute;
        width: 17%;
        transform: translate(-17.922px,32px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1198 {
        width: 54%;
        left: 0;
        transform: translate(4.221px,34.437px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1196 {
        height: 295.76px;
        width: 47%;
        left: 0;
        transform: translate(-68px,51.235px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1305 {
        transform: translate(165px,427.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 68%
    }

    div.myCompassdiv {
        top: 42.39px
    }

    .personalised {
        font-size: 25px
    }

    .myCompassdiv a.get_started {
        padding: 3% 33% 3% 33%
    }

    .mountainbackground {
        height: 520.5px
    }

    ._idContainer1208 {
        transform: translate(-24.001px,100px) rotate(0) skew(0) scale(1,1)
    }

    span.your-treatment-number14:before {
        top: -4px;
        left: 7px
    }

    span.your-treatment-Heading1, span.your-treatment-Heading2, span.your-treatment7-Heading1, span.your-treatment7-Heading2 {
        font-size: 14pt !important;
        line-height: 16.8pt;
        letter-spacing: .5px !important
    }

    .mobile-your-teatment {
        display: block
    }

    span.your-treatment-number1:before {
        top: -2px
    }

    .your-treatment-Heading1 {
        margin-left: 10px
    }

    .your-treatment-1-day {
        margin-bottom: 0
    }

    .your-treatment-7-day {
        margin-bottom: 10px
    }

    .mobile-your-teatment-7days-containor, .your-14days-teatment, .your-treatment-7-day {
        margin-bottom: 0
    }

    .your-14days-teatment {
        margin-top: 10px
    }

    .featureSnippet .carousel-inner {
        background-color: #fff5e8;
        min-height: 300px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -35px !important;
        transform: scale(.3) rotate(140deg) !important
    }

    .glyphicon.glyphicon-chevron-right {
        position: absolute;
        top: 132px !important;
        font-size: 30px;
        margin-left: 0;
        transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
    }

    .snippetBody {
        padding: 10px 15px;
        margin-left: 12px
    }

    .Dashboard-Snippet-Heading {
        font-size: 14px;
        padding: 10px
    }

    .Dashboard-Knowledge-Center {
        margin-left: 8px !important;
        font-size: 30px
    }

    .Primaryimage {
        height: 477PX !important;
        width: 100% !important;
        background-size: 140% 62% !important
    }

    .knowledgeCentre-InterestArea {
        width: 146px;
        font-size: 10px !important;
        margin-left: 47px !important;
        padding: 10px 0 10px 0 !important;
        margin-top: 0
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        transform: scale(.3) rotate(315deg) !important;
        margin-right: -30px !important
    }

    .glyphicon.glyphicon-chevron-left {
        transform: none !important
    }

    div.takeSelf-Assessment-text {
        font-size: 33pt !important;
        letter-spacing: .5px !important;
        padding: 0
    }

    .takeSelf-Assessment-desc_div {
        padding: 0
    }

    p.padding_20 {
        padding: 13px 0;
        height: 100%
    }

    div.backgound-color-white.container-fluid {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    _idContainer1304 {
        WIDTH: 50%
    }

    div.body-content {
        overflow: hidden
    }

    .overflow_hidden {
        overflow: hidden
    }

    .person-text {
        width: 100% !important;
        height: auto !important
    }

    div.knowledgeCentre {
        padding-bottom: 0;
        padding-left: 20px
    }

    .navbar.container.navbar-default {
        overflow: hidden
    }

    .jumpToInfo-buttons div, div.getstartedIn5-text, div.jumpToInfo-buttons {
        padding-right: 0;
        padding-left: 0;
        letter-spacing: 0 !important
    }

    .jumpToInfo-buttons .healthCareHeight {
        line-height: 24px
    }

    div.getstartedIn5-text {
        text-align: left !important
    }
}

p .padding_20 {
    background-color: #fff;
    border-radius: 50px
}

.self_asessment_lable {
    position: relative;
    bottom: 0
}

.CharOverride-1 {
    font-size: 60px;
    color: #e14504
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .selfAssessmentInDashboard .selfAssessment {
        font-size: 33pt !important;
        padding-right: 20px
    }

    div.contact-us-content li a {
        -webkit-text-decoration-color: #e14504 !important;
    }

    .professionals.body-content-home div.mobileRow {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .about_dropDown {
        padding-left: 0
    }

    .about_dropDown_div {
        padding-left: 8px
    }

    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 470px 100%
    }

    div.iconset .treatment-play-icon {
        left: 48%
    }

    a.try_activity_button {
        padding: 10px 95px;
        margin-left: 12px
    }

    .background_light_blue .center-img {
        width: 375px;
        position: relative;
        left: -15px;
        max-width: unset
    }

    .mobile-self-assement-div .panel-body {
        width: 380px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: -60px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 60% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 52% !important
    }

    div.owl-item {
        margin-right: 34px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 110px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 110px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    div ._idContainer1304 {
        width: 50%
    }

    div .body-content div.carousel_row.mobileRow {
        width: 380px
    }

    div .body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 378px
    }

    button.Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 20px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .selfAssessmentInDashboard .selfAssessment {
        font-size: 33pt !important;
        padding-right: 56px
    }

    .activity-module-container div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 116.8% !important;
        margin-left: 60%;
    }

    div.Profile div.numberlist.Profile-Options-Header span {
        font-size: 14pt !important;
        font-family: DMSANS-REGULAR;
    }

    .header-right img.bdiImgMobile {
        margin-top: 15px !important;
    }

    div.first_question {
        left: 8.33333333%
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 104px !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 27px !important
    }




    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    div.sleep-landing-container.Managing_fear_and_anxiety {
        height: 1600px
    }

    .about_dropDown {
        padding-left: 0
    }

    .about_dropDown_div {
        padding-left: 8px
    }

    .AboutPro.media .media-left, div.AboutPro.media div.media-body {
        padding: 5px 25px 5px 5px !important
    }

    div.about_program.self-assessment-mobile-container div.featureSnippet.self-assesment {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    div.table-bordered .faicon span.custom-fa {
        right: 7px
    }

    span.media-right.faicon {
        position: relative;
        right: 15px
    }

    .ddlBirthYear .dropdown-menu {
        width: 69% !important
    }

    ._idContainer1305 div._idContainer1304 {
        transform: translate(100.717px,0) rotate(0) skew(0) scale(1,1)
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px
    }

    div.iconset .treatment-play-icon {
        left: 50%;
        top: 50%
    }

    a.try_activity_button {
        padding: 10px 112px;
        margin-left: 15px
    }

    .background_light_blue .center-img {
        width: 418px;
        position: relative;
        left: -15px;
        max-width: unset
    }

    .mobile-self-assement-div .panel-body {
        width: 425px
    }

    .carousel_div {
        margin-left: 2px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 102% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 84% !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 110px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 110px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px
    }

    .body-content div.carousel_row.mobileRow {
        width: 416px
    }

    div .body-content div.mobileRow.desktop_row {
        width: 376px;
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    div.body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 400px
    }

    .margin-top-20 div.red_dot_image {
        width: 30%;
        transform: translate(-1px,199.202px) rotate(0) skew(0) scale(1,1)
    }

    div.mobile-self-assement-div {
        padding: 0 9px 0 9px !important
    }

    div._idContainer1305 {
        transform: translate(161px,428.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 72%
    }
}

.color_red {
    color: #e14504;
    font-family: "DM Sans",sans-serif
}

.catagory-menu-Text:hover {
    border-bottom: 2px solid #e14504;
    color: #000
}

div.jumpToInfo-buttons.div-line-height {
    line-height: 24px
}

.catagory-menu-Text {
    border-bottom: 2px solid transparent
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

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

@font-face {
    font-family: DMSans-Bold;
    src: url(../../fonts/DMSans-Bold.ttf) format('truetype')
}

@font-face {
    font-family: DMSans-Medium;
    src: url(../../fonts/DMSans-Medium.ttf) format('truetype')
}

@font-face {
    font-family: MinionPro-Regular;
    src: url(../../fonts/MinionPro-Regular.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Light;
    src: url(../../fonts/UntitledSans-Light.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Medium;
    src: url(../../fonts/UntitledSans-Medium.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Regular;
    src: url(../../fonts/UntitledSans-Regular.otf) format('opentype')
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -14px !important;
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

.complete-profile {
    width: 100%
}

img._idGenObjectAttribute {
    position: absolute;
    height: 24px;
    width: 24px
}

.professional_img {
    height: 100px;
    padding: 20px 35px 10px 35px
}

.Basic-Text-Frame {
    position: absolute
}

li.professional {
    margin-right: 50px
}

p.Basic-Paragraph.ParaOverride-1 {
    text-align: center;
    width: 100px;
    margin-top: -48px;
    color: #000;
    font-family: DMSANS-REGULAR;
    line-height: 14.4pt !important;
    padding-top: 40px !important
}

img._idGenObjectAttribute-Help {
    position: absolute;
    height: 30px;
    width: 30px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Login {
    position: absolute;
    height: 27px;
    width: 27px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Profile {
    position: absolute;
    height: 62px;
    width: 62px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Register {
    position: absolute;
    height: 27px;
    width: 27px;
    border: 5pt !important;
}

img.footer_background {
    height: 173px;
    width: 100%
}

.Basic-Graphics-Frame._idGenObjectStyle-Disabled {
    position: absolute;
    height: 158px
}

.registration_Background_img img {
    position: absolute;
    height: 286px;
    width: 100%;
    margin-top: -19px
}

.registration-dotGraphics img {
    position: absolute;
    margin-top: 87px;
    height: 180px;
    transform: rotate(180deg);
    width: 35%
}



.margin-register-header {
    margin-top: -15px
}

.registration-dotGraphics-step2 img {
    position: absolute;
    margin-top: 87px;
    height: 222px;
    transform: rotate(180deg);
    width: 35%
}



div#myCompassNavbar {
    height: 42px !important;
    background: #fff
}

.container.background-color-white.width-80 {
    margin-left: 0;
    width: 90%
}

.row.margin-width.mobile-width-100-percent-important {
    margin-left: 30px;
    width: 35%;
    display: inline-flex
}

.container.background-color-white.width-80.margin-top-3 {
    margin-top: 0 !important
}

.questionnairSurvey {
    width: 54%;
    float: right;
    border: none;
    margin-bottom: 118px;
    margin-right: -70px;
}

.btnquestionnair {
    border: none;
    outline: 0;
    padding: 2px 5px;
    background-color: transparent;
    cursor: pointer;
    width: 208px;
    color: #31251b !important;
    font-family: DMSans-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    text-align: left
}

    .active, .btnquestionnair:hover {
        color: #31251b !important;
        font-family: DMSans-REGULAR !important;
        font-size: 14px !important;
        letter-spacing: .4px !important;
        font-weight: 400
    }

.margin-left-52px {
    margin-left: 52px !important
}

.margin-left-40px {
    margin-left: 40px !important
}

.margin-very-difficult-left-9px {
    margin-left: 9px !important
}

.margin-somewhat-left-6 {
    margin-left: 6px !important
}

body {
    font-family: DMSans-Medium !important;
    font-size: 14px;
    overflow-x: hidden
}

.margin-top-20 {
    margin-top: 20px
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

.padding_top_bottom_20 {
    padding: 20px 0
}

p.padding_10.active {
    background: #f79c00;
    border: none
}

button.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    border: 1px solid #e14504;
    margin-left: 15px;
    float: left
}

.glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 172px;
    margin-left: -15px;
    transform: translate(-34px,-60%) rotate(315deg) scale(.5,.5)
}

.glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 172px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
}

    .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

.glyphicon.glyphicon-chevron-left:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
}

.owl-carousel {
    top: 40px
}

.hear_from {
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    color: black;
    position: relative;
    margin-bottom: 20px;
    top: 15px
}

input[type=radio].custom_radio_button {
    margin-right: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 6px;
    background-clip: content-box;
    border: 1.5pt solid #e14504;
    background-color: transparent;
    border-radius: 50%
}

    input[type=radio].custom_radio_button:checked {
        background-color: #e14504;
        background-clip: border-box;
        border-color: #e14504
    }

.hear_from_lable {
    font-family: DMSans-Medium;
    font-size: 14pt;
    color: #000;
    position: absolute;
    margin-left: 3px;
}

.carousel_image.fade_out {
    opacity: .5
}

.carousel-inner .hiden {
    display: none
}

.mountainbackground .Basic-Graphics-Frame {
    height: 100%
}

.mobile-color-white .backgound-color-white {
    height: 390px
}

.pading_left_0 {
    padding-left: 0
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 379px;
        margin-left: -15px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.mobile-self-assement-div .tab-pane.fade.in.active, div.self-assesment .mobile-self-assement-tabs .active {
    border-bottom: none
}

p.padding_10 {
    padding: 10px 5px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 20px
}

.margin_top_60 {
    margin-top: 60px
}

.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    font-weight: 400 !important;
    float: left;
    border: 1px solid #e14504;
    left: 15px;
    position: relative
}

.panel-heading .mobile-self-assement-tabs .take-screener-tab:hover {
    border-bottom: 3px solid #f79c00;
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.panel-heading {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.margin_top_35 {
    margin-top: 35px
}

.margin_bottom_20 {
    margin-bottom: 20px
}

.self-assesment .mobile-self-assement-tabs li a:focus {
    outline: 0 !important
}

.self-assesment .mobile-self-assement-tabs li:focus {
    outline: 0 !important;
    border: none !important
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 3px solid #f79c00
}

.mobile-self-assement-div .nav-tabs-border-color li.active a {
    border: none;
    border-bottom: 6px solid #e14504 !important
}

.mobile-self-assement-div .panel-heading {
    padding: 10px 0
}

.mobile-self-assement-div .panel-body .tab-content {
    background: #fff5e8;
    padding: 15px;
    border-radius: 10px
}

.mind_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAIA0lEQVRYR82Ye1QTdxbH70wyiSEkPMMrhvdDRFdQebS1HmwRo7JyBKW4R6Vdt3WhQN2uVXvc7Wp7jrsi2lMWH6v4tlXLtlXxwRatWtkKRDe1PA0gAcTwSoAkJGQmmdk/3GFDnlrU3c8588fv3u+9c/Ob3+83d4JQFAX/zzCdCSwZ2L72G+NAj8iZDgDAt+jca6gLT+1M5wjkSWaQkDfPUJ8vKwAA0N34OpvUafjOYgAAXBdmHwOMjbskLargJKZedKa3hcMZ1EuuiU0DPSJc3jxDe/n4O+Y+LHhaA3t6wm1bceSo2k1381yWturMmwAAJlWfn0nZ64+w2AZuyhsnbMXYw26B+IPGWSNf7P6joanuZQAAYDCMrJCYn2g/NznjDH9l/i5bscb+h4HGngfhAADGRx3h+prKZfqaymUolz+MBUc3YEHTGhGMZbAVa4ndR9y9IkJJaoY86THK91CKylu9bYod0L8164r+zndic5vw2J1wpn9wu70Yc1BLg7HnQXinWECaF8eJf/2K6EuZwFynOXeooHeDePwR9763qKZTLCAtL97y9Z8FVQ6gPp+cTqO1PW/Ft45e/2oVPAETZlAvuSYeKttWRMibZ9I21yVrD/JXvFvMcBf0923JuErbyeFBH5N6yAsLjGgGACC6ZNHUmI4LFmDCMBl/Zf4ul/np5bhMGt+3JbMKAIDpH/SA98t1+/iZebstY8yZsAZJzZCXeXG89N+Uui7MPo4Jw1pJ9ZAXLvtxrmUCSxt72pxaTkLK5eETO7cDABA97ZEmZW8AyuWPsGOSqj0Li3NHjv/5Y6OiM1RbdSYHTCYGP6ugyDIvzXiBhibJS2P3qhfQY25K1knekpy/YcHRDcaBHpGu+mIm7Zsya951ZkCIzTXEnjanhpO46KJx4JFo9OrZNRSBs2kfwmKP8Za+eUBdXroRRpQCoqNppu6HS8ufqMDRG1+v0laeWodgbAMWFNnkmbczn1QrBXhbfZyhsfaVoQNbPwUAwIKimvgr83dx4lOu2EsKAOC14dO3dbcqMikCZ5tUff54W33c45Ngej0WNK2J1Ax7ktphD3JM54K318exwmZKbeUZX4OqfR+WaM4fKmAKQ1uFR+oiAQD6//DGZb3k2mLzAOFRSQQzIKTNRi4rujPDVaR22IMeo3zPQVH54802+Jf1n49e/+pXAACAoGRQZT/DVg6rXfwsEZXLvDlzX/uHM50jUAAA5e6CI7rvz2WZO/q2ZFQZmiQvAwCwpyf84F9SleBfUpXAEAR020pkExQlPXJ3FLqKV5cBAJCjandF4cI60+Cjqe45H37Ez8zd4ywFEwCA6JJNNw0N+LKiZtfxl6//DAAAb6ufTY6q3QAAUC5/hBUVJ3GUyB7Y1HAZb2nOQQRjGzQVh9/F70vjKQJnM/2D25k+U7ucxU94xJgwtJW7IPMLe+KfCysyTsJJSLnsTGcLu2uQFRxdT7dKpE7DI+TNM+xpHWFUyEPx9oZYo6Iz1L6KQvD2hljKoHex9Ngt0Lf4QjI7JuGfAACGxtp5vR8su2FP6whV6aa9irxkqWrflr/aFVEUoshLlhKdLTGWLoftls/Hp9OGTxX9aeTz4o8c6QAAejeIbxvuS+OtHBQ5Pgko31MpOtvsCyjDBADAS3+nhBURd6f3/SXVVnH/wXFHjaIkIKjdjpaQt8xQ7ik8DACAd96PAdJk8yxzXbz2kOvi1WUIg2GkiwMAAAShAEXHx4PFBUfd12za5vLqsr/Ttidu+akxHVdVummv25rN2xhuXgNj96qTNRcO5xvu/yuB1rjMT/9yyi9euWkZy46aXceKjL1jaQcAYPoFdnjm78xXlW4uJTpbYtTnDhWSYzqu68Ls4wAWBRoV8jDdrQsrzH8BK3ymdMqcBd+O3b2eqqk4kscQCLsZ7t79Y9LvU3TVFePvZ06SuIK3NOfglNj51+ApYHj49PHSfr0Pb/1ptq6mcpmh4farTF+RnC4QoSgKBnfmntTf/U5Mjii9zV91NIbG2nnKkt/vJ+QtE3YywuboMGFoKwCA9+YDq7Hg6AaYBIqChXW4TBrPSUy96PH29g8wUUQLCgDgvXn/Gm5yxml7geyYxGq/XRXJlnZWyPR6//03Y/3334ydbHHm6Gu/TRvYtvo8gI01aOzpCO9a4kdMPdvii/LcVbQd5XsoAy/3YuZaBEGcfxI6wdByN7Hv/aXVAACUjU1mY5NQCGUyMgGs740wmEZr/SSh6PvZZtzBnZ9eTuk0fG3VmRwAgKGy7UX8jNw9WFBUk73gyUKfBPSYv7KgiOn7+P2Mct2GAcwKZM9IugUMJkHqR1111RWZ2spT61AXnpqbknWCFTbzR+v0k4foaJz1+CRAKNfUVcd4aW8dYPoFdkwQURQ14SIetkfIU70o+lKWbNxHKDpDLHXP4lJ/c+A9eaoXJV8kMNnTOG1YNReP5qpKN+11pnteWBXIDAhpC7ykYJnv4P8l1jOIIBTCxAjfHeVidvTcGgAAQ7Pkpf6tWZVW2heA/X4wMk7ilv27HZz4lCukdsTdIJNafRO/CBw2C5ykRRWG1ntz9JKrE77snha8vT4Wb2+ItbQbWv7baNjjibuZn4uxrytYe+n4es2lY791prXFcy9QVbJxv+W/W0/Dcy3wYXZ0r2lYKQAA4Mx9vVKw7WS6sxhLnmuBFEGwgCJRV/HqMn5m3h4EY+HOYixxelA/C5gCYTcWGNnsTGeLF1LgZPg3bYedHvcqPgEAAAAASUVORK5CYII=)
}

.instgram_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAHGUlEQVRYR8VYf0xT5xr+enpoew7U0lJKQ0BLK2Ybk8qolCG4SOqEGEAZ3HVEjQnZwo2J9x+aGP4ZSzQsQZyLZiYOuSbmuntTG52LjDAlmVQTFS4pmrX+Ys6aOq602B+Hlh5Pv/vPTvl6bM/BKNubPEnfc57ne5/zfuc75zsVQQhBppienn5vdHS0YXJysvLhw4clz54904bDYenCwoIqFosBPi03RCIRIAgCkCQ5J5fLYwUFBf8rLS31mEymqcbGxuHS0tJf0gohhC/hypUrDVVVVVMAAPhnob6+/urNmzdruV5SksXFRVlXV9c/hQZbKWAYxvT09AwwDCNiPYnYaYrH47L29vYfLl68aAFpQqlUUkVFRV6FQuEnCCJBEEQAAAAkEgnAcTydBAAAAE3TgKZpAAAA0WhUTVGUKBgMqr1eb1EoFCLTafbu3Ws/derUxxiGLXUvXef0ev3jI0eOHJiZmVmX7lZ4HSQSCZHb7TYeOnToc61WO8ut3dvb+2Vyii9fvtzAJXR2dp6JRqMyoUJvAqFQSNHa2noJrY/jOONyuSoBhBCYzeYprrlEIiHiG/RNg6ZpvLm5eRT10dLS8iNwuVzvoQdLSkoer3TnpqenK4xGo1ssFsNt27b9/PTp00IIIQgEAvkqlWqe9YJhGASHDx8+gBocGBg4IFTgdZBIJETr1q37Fa3Z1tb2PXveZrN9nXK7Wa1WB3rgdRZEPB6XRSKRfJqmpZk4c3Nz+dz7vbCwcJY973Q6t6Sc37hx43/ZRKlURoRMcAxJzp0794nVaj1XXFz8u0gkSk6NXq/37tmz57vh4eFmhmHErIZhGLHBYPgNNbFjx45L7PmFhQU5hmFLBnU6nY9N1q9f7xYyxWJkZKTJYDA84nYjHYxGo+fatWsfsNrbt29XbNiw4Rccx5nGxsYrs7OzhejYBQUF/qRepVIlk9raWqeQMQgh6Ovr+4Lt1nKB4zgzODjYJTQ2hBCsXbv2QVJLEERykK1bt14VEvf19X2RzoBWq/Vv3759ZNeuXf9uaGj4KS8v7zmXg2EYMzQ09JlQDaPR6E7q0E40Nzdf4BOOjIw0cTun0+kenz9//m/ofQYhBDRNZ505c+ZTjUbjR/lZWVn0xMREDV8ds9k8gWiWxHwG4/G4xGAwPEb5mzZtmpyfn8/jK+bz+VYbjca7qM5sNk/xvQhqamqcaQ22tbVlNOhwOD7hdi4QCPCaY+H1etdwp3x8fHzLcgxiAAm+XYndbv8IzY8ePdqtVCr9mfhoFBUV/Xbw4MHP0WN2u709E58byauyWq0ZO1hcXPw7y9NqtX7uPScEiqJyCIKIsWOYTCbXK3cwU9A0LXvy5EkBm1dWVt7CMIzh03CDJMlIWVmZm80fPXq0ho/PxrIMxuNxOYQwmSuVyuc89IyRm5tLsb8pilLwcdlYlkGpVBrCsCXq3NxcHg89Y/j9/lXsb7lcPs/HZWNZBnEcX9TpdE/Y/NatWxsZhsni03AjFAop79y58zab6/X6GT4+G8syCAAAtbW1Tva33+9XnD17di8P/aU4efLk32maTj4m6urqxvn4aCRXcWtra8ZVPDw83IxyNRqN3+fzrRZavRBC4PF43s3Ozl5A9RMTE+8vZxWnGOR7kzAMIy4vL/egfKPReNfr9a4RMvfH7ZHUWSwW3nd+isFXeRdfv379AxzHGbRYXl7e8xMnTvyDoqgclBsMBpX9/f09OTk5KZ0jSTLq8Xje5atTVVU1mdSQJIlemeB2a3BwsOuPZyBEQRBEzGQyTVksFmdFRcW0RCKhuRyJRBK/cOFCu1CN8vLypd2MWq1+xiY1NTXXhMQQQjA0NPRZVlbWSwb4QJJkdDnmIITAYDDMJLUlJSVeNikrK7srJGYxOTlZw/1czQSLxXJVaFpRqNXqpY1FdXV1cr5XrVpFvcr3cCKREI2Pj2/Zv3//NyaTyaVWq58TBAE1Gk2gurp6wmazfcW3WtMhEonkpuw5d+/e/S/0at1ut1FokJXE2NjYh6gfzGQyTQEkHA7HDvAXhsPhSN2G3bt37x2AONZqtbOhUEghdKUrAZ/PtzonJyfCesFxnAYQQlBfX38VNblz585LNE3jQgO+SYTDYcXmzZtvoD46OjrsAEIIbty4Uct9tjU1NY0GAoF8oYHfBHw+3+q6uroUczKZbPH+/ftvJUk9PT0DKAEAAFUq1bzNZvva6XRuiUajcqFCr4JwOJw7Njb24b59+75Fp5XFsWPHuiFE/mFNJBKizs7O/5w+fTrttwKGYSA/Pz8gl8vns7OzaZlMRonF4lg6brp48eIFEYvFSIqipMFgUOX3+xVsbW50d3d/09/fvw8AAFKuimEYUW9v75fc9+2fBalUunj8+PFu1FPa9rtcrsqWlpYfU/7EWUHgOE53dHTYHzx48BbXy/8BuaPp0zd4OHYAAAAASUVORK5CYII=)
}

.instgram_log_div {
    padding-left: 0
}

button.btn.btnback:hover {
    color: #d64204 !important
}

.answer-options input {
    visibility: hidden;
    display: none
}

.answer-options label {
    width: 94%;
    padding: 15px;
    border-style: solid;
    border-radius: 25px;
    border-color: #ffffff;
    border-width: 1px;
    text-align: center;
    height: 49px;
    background-color: #ffffff;
    margin-top: 5px;
    font-family: DMSANS-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important
}

.commondQuestionHeaderDiv {
    padding: 60px 10px 20px 16px
}

.answer-options label.active {
    background: #ffa900 !important;
    color: #fff
}

.register-label.GAD7 {
    padding: 135px 10px 10px 40px
}

.background-color-white {
    background-color: #fff5e8 !important;
    border: none !important;
    border-radius: 25px
}

.questionDetails {
    color: #e14504;
    font-family: "DM Sans",sans-serif;
    padding: 20px 10px 0 40px
}

.gAD7questionDetails {
    color: #e14504;
    font-family: "DM Sans",sans-serif;
    padding: 20px 10px 0 40px
}

.QuestionDiv {
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    div.snippetType.Tips {
        width: 100%
    }

    div.modal-body a.footer-menu {
        color: #616161 !important;
        text-decoration: underline #e14504 !important;
        -webkit-text-decoration: underline #e14504 !important;
        -webkit-text-decoration-color: #e14504 !important;
        ;
    }

    .professionals .healthcare-header h1 {
        font-size: 36pt !important;
    }

    .only-for-tracking-pages #reflectingOnTrackingdiv.collapse.in .reflectingOnTracking p.tracking-analysis-description-2 {
        padding-right: 20px;
    }

    .width-gender {
        width: 199%;
        max-width: 320px
    }

    .navbar.container-fluid {
        margin-bottom: 0;
        overflow-x: hidden
    }

    div.PrimaryGraphics {
        margin-right: -15px;
        margin-left: -15px
    }

    .dashboard .container-fluid {
        padding: 0 0
    }

    div.mobile_margin_bottom_5 {
        margin-bottom: 5px
    }

    .row.bottom-bg-imag {
        display: none
    }

    .your-treatment-number14, .your-treatment-number7 {
        margin-right: 10px;
        position: relative;
        top: 5px
    }

    .treatment {
        position: relative;
        top: 60px
    }

    div.mobile-color-white .backgound-color-white {
        height: unset
    }

    .questionnairSurvey {
        width: 100%
    }

    .answer-options.PHQ9 {
        width: 155px !important
    }

    .questionnaireBackground {
        display: none !important
    }

    .register-label.GAD7 {
        padding: 90px 10px 10px 5px
    }

    button.btnquestionnair.GAD7 {
        width: 37% !important
    }

    .answer-options label {
        width: 109px;
        padding: 7px;
        height: auto;
        font-size: 12px !important
    }

    .div-back {
        width: 310px
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 40px !important
    }

    .btnquestionnair {
        width: 45%
    }

    .gAD7questionDetails {
        padding: 20px 10px 0 15px
    }

    .commondQuestionHeaderDiv {
        padding: 25px 0 20px 0
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 150px;
        font-size: 12px !important
    }

    .questionDetails {
        padding: 20px 0 0 14px
    }

    button.btn {
        width: 108px;
        height: 35px;
        margin-right: 0
    }

    .btnback {
        margin-left: 0 !important
    }

    .btnNext {
        float: right;
        background: #d64204;
        color: #fff;
        border: 2px solid #d64204;
        width: 113% !important;
        margin-right: -2px !important
    }

    .btn.btnback {
        margin-left: -10px;
        width: 113% !important;
        margin-right: -2px !important
    }

    .QuestionDiv {
        padding-left: 5px
    }

    div.tracking-graph-container .add-an-entry {
        font-size: 14.096pt;
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange {
    width: 176px
}

div#questionnairSurveyHeader :first-child {
    margin-right: 30px
}

div#questionnairSurveyHeader {
    padding-bottom: 30px
}

button.btnquestionnair.GAD7 {
    width: 128px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 auto -webkit-focus-ring-color !important
}

.div-back button.btn.focus, .div-back button.btn:focus, .div-back button.btn:hover {
    color: #d64204;
    text-decoration: none
}

.div-back button.btn.btnNext.focus, .div-back button.btn.btnNext:focus, .div-back button.btn.btnNext:hover {
    color: #fff;
    text-decoration: none
}

.container.register-selfassessment {
    margin-bottom: 80px
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.favouriteSnippets div.browseSnippets .about_dropDown_div {
        padding-left: 0
    }

    div.tracking-graph-container .your-tracking {
        font-size: 32pt;
    }

    div .Knowledge .icons-wrapper.left div {
        left: 59px;
    }

    div.Knowledge .icons-wrapper div {
        right: 60px;
    }

    .dashboard div.knowledgeCentre {
        padding-left: 10px;
    }

    div.favouriteSnippets .browseSnippets .Snippet-About-DropDown {
        float: right
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
        top: 105px !important
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right {
        right: 0
    }

    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 25% !important
    }

    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    .answer-options.PHQ9 {
        width: 120px !important
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 405px 100%
    }

    button.btn {
        width: 90px;
        margin-right: 0
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 116px;
        font-size: 12px !important
    }

    .div-back {
        width: 268px
    }

    .questionnairSurvey {
        padding-right: 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 39% !important
    }

    .active, .btnquestionnair:hover {
        font-size: 12px !important
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 20px !important
    }

    .btnquestionnair {
        width: 46%
    }

    .btnquestionnair {
        font-size: 12px !important
    }
}

.row.questionnaireBackground {
    margin-left: -671px;
    margin-top: -308px
}

.questionnaireBackground {
    position: absolute;
    margin-left: -25px
}

    .questionnaireBackground img {
        width: 550px;
        height: 50%;
    }

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .div-back {
        width: 358px
    }

    .btnquestionnair {
        width: 40%
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .knowledgeCentre-InterestArea {
        width: 165px;
        font-size: 10px !important;
        margin-left: 65px !important;
        padding: 10px 0 10px 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 34% !important
    }

    .answer-options.PHQ9 {
        width: 182px !important
    }

    .answer-options label {
        width: 135px;
        padding: 7px;
        height: auto;
        font-size: 12px !important
    }

    button.btn {
        width: 135px;
        height: 35px;
        margin-right: 0
    }
}

.background_light_blue {
    background-image: url(../../Images/1021.png)
}

.your-treatment {
    padding: 20px 10px 0 10px
}

.margin-left_8 {
    margin-left: 8px
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.featureSnippet .container-fluid.snippetCarousel {
    margin-top: 100px;
    width: 100%;
    background: #fff5e8;
    padding-top: 50px;
}

.carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
    margin-left: 20px;
    transform: scale(.5) rotate(140deg);
    top: 100px !important
}

.carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
    transform: scale(.5) rotate(320deg);
    margin-right: 20px;
    top: 100px !important
}

.featureSnippet .row.snippetsDescription {
    min-height: 200px;
    padding-top: 30px
}

.featureSnippet .carousel-indicators li {
    border: 1px solid #f49771 !important;
    background-color: #f49771 !important
}

.carousel-control.left, .featureSnippet .carousel-control.right {
    opacity: 1;
    background-image: none !important;
    cursor: pointer
}

.featureSnippet .row.snippet-BackGround-img {
    position: absolute
}

    .featureSnippet .row.snippet-BackGround-img img {
        height: 358px;
        width: 100%;
        margin-top: 58px
    }

.featureSnippet .row.snippetsDescription :first-child {
    padding-bottom: 10px
}

.featureSnippet .carousel-indicators .active {
    background-color: #e14504 !important
}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .featureSnippet .carousel-inner > .item.active {
    border: none !important
}

.featureSnippet .carousel-inner {
    background-color: #fff5e8;
    min-height: 275px
}

.row.bottom-bg-imag img {
    width: 100%;
    margin-top: -282px
}

.view-side-arrow {
    display: inline-flex;
    transform: scale(.5) rotate(320deg)
}

    .view-side-arrow img {
        position: relative;
        margin-top: -15px
    }

.snippetBody.font-Montserrat-light {
    height: auto
}

.color_light_red {
    color: #e14504
}

.tracking_text {
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt;
    margin-top: -50px !important;
}

.margin_top_30 {
    margin-top: 30px
}

li.ng-scope {
    display: none
}

    li.ng-scope.active {
        display: inline-flex !important
    }

.actives_div {
    background-color: #fff5e8;
    text-align: left;
    /*  margin-top: 40px;*/
}

.Activities-span {
    color: #e14504;
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt
}

.colxs11 {
    margin-top: 65px;
}

.getstartedactivities {
    margin-bottom: 11%
}

.getstartedactivities-button {
    background-color: #e14504;
    color: #fff;
    padding: 6px 27px 6px 27px !important
}

    .getstartedactivities-button:hover {
        background-color: #e14504;
        color: #fff;
        text-decoration: none
    }

.btnOrange:hover {
    background-color: #e14504;
    color: #fff !important
}

.btnOrange-uppercase {
    text-transform: uppercase
}

.PrimaryGraphicsImage {
    height: 500px;
    min-width: 100%;
    width: 451.55px;
    margin-left: 81px
}

.Primaryimage {
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-top: -350px;
    z-index: -1
}

@media (min-width:992px) {
    .col-md-offset {
        margin-left: 1.25% !important
    }

    .get-started-style {
        padding: 0 100px
    }

        .get-started-style .section-1, .get-started-style .section-2, .get-started-style .section-3, .get-started-style .section-4 {
            padding: 15px 0 60px 0 !important
        }

    .Dashboard-Knowledge-Center {
        padding-left: 32px
    }

    .knowledge-header-margin {
        margin-left: 32px
    }

    .Knowledge-margin-top {
        margin-top: 50px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .getstartedactivities-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        left: 0;
        margin-left: 5.5%;
    }


    .Dashboard-Knowledge-Center {
        margin-left: 6px
    }

    .Primaryimage {
        height: 477PX;
        width: 100%;
        position: relative;
        background-size: 140% 62%;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_045.png);
        float: right;
        margin-top: -356px;
        z-index: -1
    }

    .knowledgeCentre .padding-left-42 {
        padding-left: 25px
    }

    .knowledgeCentre-InterestArea {
        width: 130px;
        font-size: 9px !important;
        margin-left: 18px !important;
        padding: 10px 0 10px 0 !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 20%;
        width: 218px !important
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 100% !important;
        margin-left: 60%;
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 18px
    }



    .getstartedactivities-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 15px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .getstartedactivities-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }
}

.snippetCarousel .left.carousel-control.item.text-center, .snippetCarousel .right.carousel-control.item.text-center {
    height: 0
}

.professionalsHeading-contents {
    width: 100%;
    padding-top: 95px;
    position: absolute
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

.colsClass, .expClass {
    color: #f47e0a
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 379px;
        margin-left: -29px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    background: 0 0;
    border-top: 4px dotted #e14504 !important;
    border: none;
    height: auto
}

.offset-md-1 {
    margin-left: 40px
}

.row.professionalsHearder {
    background-color: #fdf5f8
}

.navbar {
    margin-bottom: 0 !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.navbar-default {
    background-image: none !important
}

.about-home-content .media-body span:not(span.faicon) {
    font-size: 22pt
}

Button.Tracking-button {
    width: 13%;
    padding: 10px 0;
    background: #e14504;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #e14504;
    text-transform: uppercase;
    font-family: DMSans-Medium
}

.tracking-p {
    font-size: 42pt;
    font-family: DMSans-Regular;
    margin-bottom: 35px;
    margin-top: 0;
    letter-spacing: 2px !important;
    line-height: 50pt !important;
}

.tracking-check-div {
    margin-bottom: 10px;
    letter-spacing: .4px
}

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        padding-right: 5px
    }

.tracking-label {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


span.checkmark {
    border-radius: 12px;
    margin-left: 9px
}

.depression-checkbox {
    margin-right: 31px
}

.tracking-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee
}

.tracking-label:hover input ~ .checkmark {
    background-color: #ccc
}

.tracking-label input:checked ~ .checkmark {
    background-color: #e14504
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tracking-label input:checked ~ .checkmark:after {
    display: block
}

.tracking-label .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.progress-div {
    float: left
}

.progress-div-line {
    float: left
}

.progress-div-line {
    width: 20px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

.tracking-dashboard-username-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 30px;
    margin-bottom: 30px;
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 40px;
    letter-spacing: 2px !important;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png)
}

.traking-primaryGraphicimg {
    height: 480px !important;
    opacity: .1
}

.tracking-container {
    margin-bottom: 60px
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 5px
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 70px !important;
        margin-left: 65% !important;
    }

    .tracking-label {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 9px;
        width: 103px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 17%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .tracking-label {
        width: auto
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {


    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 23px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 13px;
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 22%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 30% !important
    }

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        cursor: pointer;
        width: auto;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 98%;
        margin-left: 25%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023.9px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 222px !important;
        float: none !important;
        margin-left: -15px
    }

    body .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
        transform: translate(0,0) rotate(130deg) scale(.5,.5) !important;
    }

    #myCarousel {
        margin-left: 15px;
    }

    div.favouriteSnippets {
        padding: 0px;
    }

    div.tab-content .submittedPHQGAD p a {
        font-size: 14pt !important;
        padding: 14px;
    }

    div.row.module-activities {
        height: auto;
    }

    button.btn.btnback {
        width: 210px !important;
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish.disabled, button.Profile-Save-Button.text-center.button-orange.landing-self-next-finish.disabled, button.btn.btnNext.btnsize.disabled {
        float: right;
        height: 44px !important;
    }

    div.main-header-logo {
        padding-left: 15px;
    }

    div.popover {
        max-width: 300px;
    }

    div.complete-panel {
        margin-right: 34px;
    }

    div.completed-activities-main-div {
        display: flex !important;
    }

    .inner-pause-activity.circle_div {
        padding-left: 20px;
    }

    .registration-body .user-self-assessment div.questionnairSurvey, .symptomScreener .questionnairSurvey.padding100right {
        margin-right: 0px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .registration-body .userQuestions .user-self-assessment .row.margin-width.mobile-width-100-percent-important {
        margin-left: 15px !important;
    }

    .symptomScreener .row.questionnaireBackground {
        display: none;
    }

    .registration-body .user-self-assessment .self-assement-div-height {
        width: 100% !important;
        margin-right: 0px !important;
        height: auto !important;
    }


    .registration-body .user-self-assessment .mobile-text-align-center,
    .symptomScreener .self-assement-div-height .mobile-text-align-center {
        width: 100% !important;
        text-align: left !important;
    }

    .symptomScreener .row.margin-width.mobile-width-100-percent-important {
        margin-left: 15px;
        width: 100%;
    }

    div.symptomScreener {
        margin-right: 15px;
    }

    .registration-body .user-self-assessment .QuestionDiv .mobile-text-align-center, {
        padding-left: 0px !important
    }

    .registration-body .user-self-assessment .AnswerDiv, .symptomScreener .questionnairSurvey .self-assement-div-height .AnswerDiv {
        width: 250px;
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 20px;
    }

    .symptomScreene .QuestionDiv .mobile-text-align-center register-label {
        padding-left: 0px !important;
    }

    .registration-body .user-self-assessment .btnNext.btnsize, .symptomScreener .self-assement-div-height .btnNext.btnsize {
        width: 200px !important;
    }

    .registration-body .user-self-assessment .first_question, .symptomScreener .self-assement-div-height .first_question {
        left: 0 !important;
        display: flex;
        justify-content: center;
        width: 100%;
        display: -webkit-flex;
        -webkit-justify-content: center;
    }

    .registration-body .user-self-assessment .btnback.btnsize, .symptomScreener .self-assement-div-height .btnback.btnsize {
        width: 200px !important;
    }

    .registration-body .user-self-assessment .btnNext.btnsize, .symptomScreener .self-assement-div-height .btnNext.btnsize {
        float: right !IMPORTANT;
    }

    .registration-body .user-self-assessment .answer-options.PHQ9, .registration-body .user-self-assessment .answer-options.GAD7, .symptomScreener .self-assement-div-height .answer-options.GAD7, .symptomScreener .self-assement-div-height .answer-options.PHQ9 {
        width: 100% !important;
        text-align: center;
    }

    .container-register .submit_button_div .mobile-padding-left-0 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .submit_button_div button.share-myCompass-button {
        margin-left: 0% !important;
    }

    .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        font-size: 18pt;
    }

    .Profile .btn-Continue-from-your-responses {
        font-size: 18pt !important;
    }

    .Profile .display_flex {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    div.questionnairSurvey {
        width: 100%;
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 67px;
    }

    .crisesSupport-width {
        padding-top: 25px;
    }

    div#myCompassNavbar p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0px;
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0px;
    }

    .collapse.in.active.ModulePannel Box-border.completed-activities-main-div {
        display: flex;
    }

    .tracking-page-wrapper .tracking-graph-container {
        padding: 42px 15px;
    }

    .tracking-pages .reflectingOnTracking .top-buffer .tracking-analysis-description-2 {
        padding-left: 20px;
    }

    .your_traking .tracking-questions {
        margin-left: 0px;
    }

    .dashboard .featureSnippet .self-assement-div-padding .padding_right_0_Ipadpro, .dashboard .featureSnippet .padding_right_0_Ipadpro {
        padding-right: 15px !important;
    }


    .tab-content .self-asessment-options p.padding_10 .self_asessment_lable {
        font-size: 14pt;
    }

    .next-btn:hover {
        font-size: 14pt !important;
    }

    .register .margin-padding-additionalinfo .help-block.error, .register .margin-padding-additionalinfo .error {
        display: flex;
        justify-content: left;
        width: 100%;
        padding-left: 20px;
    }

    .register-label, .register-social-media-text {
        padding-left: 15px !important;
    }

    .container.Knowledge .circle {
        margin: 12px auto 25px;
    }

    div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: 30px;
    }

    .Knowledge .progressbar .circle canvas {
        height: 165px !important;
        width: 165px !important;
    }

    .dasbord-activity .divscroll-height.empty-chart-wrapper {
        background: white;
        padding-left: 20%;
    }

    .dasbord-activity .empty_Paused_activty {
        margin-left: 0px;
        margin-right: 0px;
    }

    #myModal4 .cursor {
        float: right;
        right: 10px;
        left: 0%;
    }

    .contact-us-content {
        padding: 0 25px 0 25px;
    }

    .tracking-questions {
        clear: both;
    }

    .profile_Questionnaire {
        display: block;
        margin-bottom: 10px;
        margin-left: 0px !important;
    }

    div.editTracking_text_div {
        margin-bottom: 10px !important;
    }

    div.tracking-graph-container a.tracking_prev_button.Last14day {
        margin-top: -9px !important;
        margin-left: 10%;
    }

    div.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays {
        margin-left: 10%;
        margin-top: -5px;
    }

    div.tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
        right: 10%;
        margin-top: -5px;
    }

    .tracking-dropdown-div.padding_0_mobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.tracking-graph-container a.tracking_prev_button.RecentGoodDays {
        margin-left: 10%;
        margin-top: -5px;
    }

    div.tracking-graph-container a.tracking_next_button.RecentGoodDays {
        float: right;
        right: 10%;
        top: 0%;
        margin-top: -5px;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        top: 0px;
        right: 10%;
        z-index: 1;
        float: right;
        margin-top: -9px;
    }

    .tracking-setup-body .Profile-Save-Button.button-orange {
        left: 25%;
    }

    .lower-button-tracking .traking_reminder_edit {
        margin-bottom: 30px;
    }

    div.knowledge-header .knowledgeCentre-InterestAreaName {
        color: #e14504 !important;
    }

    div.dashboardHeader p.tracking_text {
        font-size: 27pt;
    }

    div.header1 {
        background-size: 300px 500px !important;
    }

    body div.header1.knowledge-header {
        background-size: 65% 850px !important;
    }

    div.Primaryimage {
        background-size: 100% 100% !important;
    }

    .HomePage .Profile-Save-Button.button-orange.landing-self-back {
        width: 215px !important;
    }

    select.register-select {
        width: 100% !important;
        max-width: 420px !important;
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    #trackingGraph {
        min-height: 502px !important
    }

    .register-already-registered {
        display: block !important;
        padding: 0;
        text-align: center;
        margin-left: 40px
    }

    .progress-main-div {
        width: 98%;
        margin-left: 38%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .first_question .btnNext.btnsize {
        width: 220px
    }

    .self-assement-container .first_question.questionnaire-next-button {
        margin-left: 25%
    }

    div.favouriteSnippets div.browseSnippets .about_dropDown_div.author .Snippet-About-DropDown {
        float: left
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        padding-right: 20px;
        padding-left: 20px !important;
        background-position: right 17% top 13px;
        width: 151.256px !important;
        float: left
    }

    div.favouriteSnippets div.browseSnippets .Snippet-About-DropDown {
        padding-right: 20px;
        padding-left: 20px !important;
        background-position: right 17% top 13px;
        width: 135.256px !important
    }

    div.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        margin-bottom: 350px
    }

    .favouriteSnippets div.browseSnippets {
        background-size: 432.09px 320.52px,100% 120%;
        background-position: right 18% bottom 84px,left 0 top 0
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right, div.favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 110px !important;
        right: 0;
        position: relative
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 88px !important
    }

    div .favouriteSnippets #myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left, div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        top: 110px !important;
        left: 0;
        position: relative
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        top: 88px !important
    }

    body .tracking-setup-container ul.silder {
        width: 100%;
        padding: 0px 8px 0px 5px;
        top: -35px;
    }

        body .tracking-setup-container ul.silder li {
            margin-left: 0;
            left: 0;
        }

            body .tracking-setup-container ul.silder li.step_1 {
                margin-left: 4px;
            }

    ul.silder_number_pointers li.step_2, ul.silder_number_pointers li.step_3, ul.silder_number_pointers li.step_4, ul.silder_number_pointers li.step_5, ul.silder_number_pointers li.step_6, ul.silder_number_pointers li.step_7, ul.silder_number_pointers li.step_8, ul.silder_number_pointers li.step_9, ul.silder_number_pointers li.step_10, ul.silder_number_pointers li.step_11 {
        left: 0;
        margin-left: 0;
        width: 4px;
        text-align: right;
    }
}

.tracking-check-div label {
    font-weight: 700 !important
}

.takeSelf-Assessment-text.color_black {
    color: #000 !important
}

.myCompass_users_label {
    cursor: pointer
}

.progress-div.active {
    background-color: #e14504
}

.text-below-tracking-button {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
    margin-top: -30px;
}

a.text-center.get-started-button.getstartedbutton.ng-binding {
    font-size: 12.096pt !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    text-decoration: none;
    margin-top: 10px !important;
    /*margin-bottom: 40px !important*/
    margin-bottom: 100px !important;
}

a.getstartedactivities-button.get_started.ng-binding {
    font-size: 12px !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    text-decoration: none !important;
    color: #fff !important
}

.form-control:focus {
    border-color: #e14504 !important;
    box-shadow: none !important
}

.btn_getstarted {
    margin: 42px 0 14px
}

.dropdown-menu li.ng-scope {
    display: block
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #000
}

.ddlBirthYear .dropdown-menu {
    display: block;
    top: 34px;
    left: 15px;
    height: auto;
    overflow-y: scroll;
    width: 40%;
    max-height: 150px
}

.ddlBirthYearMatch {
    display: block;
    top: 34px;
    left: 15px;
    height: 37px !important;
    overflow-y: scroll;
    width: 40%
}

.btnquestionnair:hover, .ddlBirthYear .active {
    border-bottom: none !important
}

button.btnquestionnair.active {
    border-bottom: 4px solid #ff9f1a !important
}

.questionnairSurvey p {
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-header {
    font-family: DMSans-Regular !important
}

.newUserModal-footer button.btn {
    border: 1px solid #e14504;
    color: #e14504;
    width: 50%
}

    .newUserModal-footer button.btn:hover {
        background-color: #e14504;
        color: #fff !important
    }

.modal-content .modal-body p {
    font-family: DMSANS-REGULAR;
    font-size: 10pt
}

.mobilenumber-border-orange {
    border: 1px solid #e14504;
    margin-left: 44px;
    width: 250px !important
}

.register .form-group {
    margin-bottom: 0 !important;
    /*   margin-left:100px !important;*/
}

.margin-top-6 {
    margin-top: 6px
}

.btn-continue {
    width: 15% !important;
    left: 620px !important
}

.register-font-text {
    font-family: DMSANS-Bold;
    font-size: 27pt;
    letter-spacing: 0 !important;
    line-height: 32.4pt;
    color: #272727 !important
}

.register-select-option {
    border: 1px solid #e14504;
    width: 250px;
    font-size: 14pt;
    font-family: DMSans-Regular;
    margin-left: 0;
    padding: 0 10px
}

.margin-top-90 {
    margin-top: 40px
}

.top-buffer {
    margin-top: 20px
}

.motivational-message {
    margin-left: -23px;
    padding-right: 0
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-10 {
    padding-top: 10px
}

.carousel-control-left {
    color: red
}

.carousel-control-right {
    color: red
}

.ShowMe {
    white-space: nowrap;
    margin-top: 6px
}

label {
    font-weight: unset !important
}

.font-Montserrat {
    font-family: Montserrat-Regular;
    color: #553c54
}

.display-inline {
    display: inline
}

.background {
    background: 0 0 !important
}

.panel-hide-show {
    margin-top: 20px !important;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 0 !important
}

.padding100 {
    padding-left: 100px !important
}

.padding100right {
    padding-right: 80px !important
}

.browse-snippets-p {
    margin: 0 0 10px 0
}

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

.margin-top-10 {
    margin-top: 10px
}

.font-size-17 {
    font-size: 17px
}

.navMenu {
    margin: auto 0 !important;
    text-align: left;
    padding: 0 4px !important
}

.navbar-default {
    box-shadow: none;
    background-color: #fff
}

.footer-heading {
    text-decoration: none !important;
    color: #fff;
    font-family: Lato,Arial,sans-serif;
    font-size: 13px
}

    .footer-heading:hover {
        text-decoration: none;
        color: #fff
    }

.height-20 {
    height: 20px;
    margin-right: 15px
}

.height-12 {
    height: 12px
}

.menufont {
    text-decoration: none !important;
    color: #31261d;
    font-size: 14px;
    font-family: Lato,Arial,sans-serif;
    margin: 15px
}

.hr {
    background-color: #c80000;
    -webkit-transform: rotate(90deg);
    position: absolute;
    height: 2px;
    left: 156px;
    border: 2px;
    margin-top: -24px
}

.marginmenuitem {
    margin-right: -25px
}

.marginbtnCollapse {
    margin: 15px
}

.profileDiv {
    float: right;
    margin-top: -30px;
    margin-right: 15px
}

.line {
    margin-top: 15px;
    height: 4%;
    width: 1px;
    background: #cfc7c0;
    top: 0;
    bottom: 0;
    position: fixed
}

.alignContent {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center
}

.social-icon {
    height: 50px;
    width: 50px
}

.dropdownbutton {
    min-width: 150px
}

.margin-top-20 {
    margin-top: 20px
}

body {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-10 {
    margin-bottom: 10px
}

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

.margin-left-15 {
    margin-left: -15px
}

@media only screen and (max-width:901px) {
    .btn-step1-continue {
        margin-left: -10px !important
    }

    .register-aside-header {
        margin-left: 10px !important
    }

    .btn-continue {
        width: 30% !important;
        left: 62px !important
    }

    .glyphicon.glyphicon-chevron-right:before {
        content: " " !important
    }

    .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    .snippetCarousel .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    .snippetCarousel .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    label.padding-left-0.register-label.margin-left-32.padding-top-bottom-10.register-label {
        margin-top: 10px
    }

    margin-bottom-23 {
        margin-bottom: -23px !important
    }

    .hear_from, div.getstartedIn5-text, p.personalize-text {
        font-size: 33pt !important
    }

    .knowledgeCentre .padding100 {
        padding-left: 20px !important
    }

    span.expClass::after {
        content: ""
    }

    span.colsClass::after {
        content: ""
    }

    div.primaryGraphicimg {
        float: none
    }

    div.dashboard {
        margin-top: 0
    }

    .professional .Basic-Text-Frame {
        position: relative
    }

    .professional_img {
        display: none
    }

    .professional_Backgorund {
        display: none
    }

    .jump-to-topic .width-120-per {
        width: 150px !important
    }

    ul.jump-to-topic li:hover {
        text-decoration: none !important
    }

    div ul.jump-to-topic {
        margin-top: 18px
    }

    .hamberger-badge, .tracking-box {
        position: relative !important
    }

    body {
        width: 100% !important;
        overflow-x: hidden !important
    }

    button.nextclr {
        margin-left: 34px !important;
        padding: 9px 92px 10px 52px !important;
        width: 10% !important
    }

    .padding-trackingsetup {
        padding: 10px !important
    }

    select.margin {
        margin-bottom: 10px !important
    }

    input.margin1 {
        margin-bottom: 0 !important
    }

    .non-active-module-in-dashboard {
        height: auto !important
    }

    .remove-badge .badge {
        display: none
    }

    .navbar-nav {
        margin: 7.5px 7px
    }

    div.about_SelfAssessment .accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 5px !important
    }

    .mob-text-center {
        text-align: center !important
    }

    .align, ul.nav {
        text-align: center
    }

    .mobile-width-115per {
        width: 115% !important
    }

    .margin-left22px {
        margin-left: -8px !important
    }

    .margin-left-minus65px {
        margin-left: 0 !important
    }

    .margin-left-mobile-minus5 {
        margin-left: -5px
    }

    .tracker-social-right {
        margin-left: 0 !important
    }

    .margin-right-5px {
        margin-right: 1px !important
    }

    .margin-top-tracker-40 {
        margin-top: 10px !important
    }

    .mob-margin-left-3per {
        margin-left: -3% !important
    }

    .margin-left-mobile-minus15 {
        margin-left: -15px !important
    }

    .padding-bottom-mob-25px {
        padding-bottom: 25px !important
    }

    .margin-left-paused-circle-22 {
        margin-left: 0 !important
    }

    .circleInDashboard canvas {
        height: 145px !important;
        width: 145px !important;
        margin-left: -21px !important;
        margin-top: -8px !important
    }

    .margin-left-48px {
        margin-left: -10px !important
    }

    .mobile-margin-top-42 {
        margin-top: 15px !important
    }

    .align {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px
    }

    .hamberger-badge {
        position: relative !important;
        right: -5px;
        top: 15px;
        float: left;
        z-index: 1;
        margin-right: 5px
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 5% !important
    }

    .userQuestions div.row {
        margin-left: 0 !important;
        margin-right: 0
    }

    .nav li.icon {
        display: inline-block
    }

    .mobile-hidden {
        display: none
    }

    .mobile-color-white div#myCompassNavbar {
        height: auto !important
    }

    ul.nav {
        text-align: center
    }

    .tracking-box {
        position: relative !important
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -16px;
        padding-left: 10px;
        border-left: 0;
        margin-top: 25px
    }

    .mobile-text-align-center {
        text-align: center !important
    }

    .width-100-per-mobile {
        width: 100%
    }

    div.Screenshot1-image-margin {
        text-align: start;
        margin-top: -43px;
        margin-right: 2px
    }

    .mobile-remove-margin-left {
        margin-left: 0
    }

    .footer-elements {
        width: 100%;
        background-repeat-y: no-repeat;
        background-size: 156% 100%;
        margin-left: 2px;
        padding-top: 74px;
        margin-top: 0 !important
    }

    .footerHome {
        background: 0 0 !important
    }

    .remove-left-margin-mobile {
        margin-left: -10px !important
    }

    .margin-left-5-neg {
        margin-left: 0 !important
    }

    .lead1 {
        margin-bottom: 14px;
        font-size: 12px !important;
        line-height: 1.4
    }

    .getstartedbutton-width {
        width: 50% !important;
        margin-left: 0 !important
    }

    .mob-14week {
        padding-left: 6px;
        padding-top: 15px
    }

    .mob-14week1 {
        padding-top: 28px;
        padding-left: 30px
    }

    .margin-left-5neg {
        margin-left: 0 !important
    }

    .padding-7week {
        padding: 0
    }

    .header ul.nav li {
        width: 100%;
        text-align: left;
        min-height: 66px
    }

        .header ul.nav li a {
            text-align: left
        }

    .mobile-padding-0 {
        padding: 0
    }

    .mobile-padding-left-0 {
        padding: 0
    }

    .mobile-padding-margin-left-less5 {
        padding-left: 0;
        margin-left: -5px;
        margin-top: 25px
    }

    .mobile-text-align-left {
        text-align: left !important
    }

    .margin-continue-register {
        margin-left: 4%
    }

    div.getstartedbutton.getstartedbutton-width.share-mycompass {
        padding: 9px 0
    }

    span.healthcare-text {
        letter-spacing: 0 !important;
        font-size: 26px !important
    }

    .healthCareHeight {
        line-height: 24px
    }

    h1.myCompass-text {
        letter-spacing: 0 !important;
        font-size: 42px !important
    }

    .ModuleButtonSpan {
        height: 100% !important;
        overflow: scroll
    }

    div.submit-tracking-button {
        font-size: 12px !important;
        margin-left: 16.6666% !important
    }

    .dashboard-progress-bar .circle div {
        top: 92px;
        left: 0
    }

    .dashboard-progress-bar .circle span {
        top: 64px;
        left: 0
    }

    .dashboard-progress-row {
        padding-top: 35px !important
    }

    .activity-progress-row {
        padding-top: 35px !important
    }

        .activity-progress-row .circle div {
            top: 28px;
            left: 5px
        }

        .activity-progress-row .circle span {
            margin-left: 5px
        }

    .reset-password-header {
        font-size: 30px !important
    }
}

@media (min-width:1281px) {
    .icon {
        list-style: none;
        float: left;
        margin: 0;
        padding: 5px;
        position: relative;
        top: 8px
    }

    .footermargin {
        margin-left: -64px
    }
}

@media (min-width:1281px) {
    .marginleft {
        margin-left: -25px
    }
}

@media (min-width:1281px) {
    .width-120 {
        width: 120px
    }
}

@media (min-width:1281px) {
    .floatright {
        float: right
    }
}

@media only screen and (max-width:768px) {
    input.mobilenumber-border-orange {
        width: 286px !important
    }

    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 12px !important;
    }

    .next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 222px !important
    }

    div .favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        margin-bottom: 350px
    }

    div.browseSnippets {
        background-position: right 20% bottom 35px,left 0 top 0;
        background-size: 90% 20%,100% 133%
    }

    span.CharOverride-47 {
        text-align: left
    }

    .professional p.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0;
        text-align: left;
        padding-top: 0px !important;
        padding-left: 0px;
    }

    li.professional {
        padding: 0 14px !important;
        position: relative
    }

    .content-link {
        font-size: 15px !important
    }

    .mobile-content-link {
        padding-left: 15px !important
    }

    .Profile .mobile-content-link {
        padding-left: 0px !important
    }

    .btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .btn-org-mobile {
        width: 50% !important;
        padding-left: 19% !important;
        margin-left: 50px !important
    }

    button.next {
        margin-left: -15px !important;
        padding: 10px 92px 10px 50px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 30px 18px 32px !important
    }

    .mobile-margin-left-15px {
        margin-left: 15px
    }

    .ModuleButtonSpan {
        width: 85% !important
    }

    .circleInButton canvas {
        width: 40px;
        height: 40px
    }

    .mobile-padding-right-12 {
        padding-right: 12px
    }

    .mobile-margin-left-less15 {
        margin-left: -15px
    }

    .mobile-module-box {
        width: 115% !important;
        height: 100% !important
    }

    .mobile-margin-left-15per {
        margin-left: 15%;
        padding-left: 0
    }

    .mobile-width-98per {
        width: 98% !important
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px !important
    }

    .mobile-margin-left-bottom-15 {
        margin-left: 14%;
        margin-right: 13%;
        margin-bottom: 5%
    }

    .mobile-margin-left-bottom-5 {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .btnWidthMarginLeft {
        width: auto !important;
        margin-left: 0 !important
    }

    .mobile-margin-left-5px {
        margin-left: -5px !important
    }

    .margin-left-view-acti-12per {
        margin-left: 12% !important
    }

    .mobile-margin-left-15 {
        margin-left: -15px;
        margin-right: -15px !important
    }

    .complete-panel {
        margin-top: 0 !important;
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .margin-top-38 {
        margin-top: 0 !important
    }

    .continue3 {
        clear: both;
        top: 10px
    }

    .mobile.continue2 {
        margin: 0
    }

    .margin-top-minus-4 {
        margin-top: 8px !important
    }

    .margin-bottom-10 {
        margin-bottom: 10px
    }

    .margin-left-10Less {
        margin-top: 10px !important
    }

    .motivationalmessage-mobile {
        margin-left: -30px;
        padding-right: 0
    }

    .margin-top-6 {
        margin-top: 6px
    }

    .text-align-center {
        text-align: center
    }

    .margin-left-about {
        margin-left: -20px
    }

    .margin-top-30 {
        margin-top: 30px
    }

    .display {
        display: none
    }

    .mobile-padding-top-15 {
        padding-top: 15px
    }

    .myCompassImg {
        width: 251px !important;
        float: left
    }

    .header-right {
        margin-top: -23px !important;
        font-size: 18px
    }

    .navbar.container.navbar-default.clr div#myCompassNavbar {
        height: 0 !important
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54;
        text-align: center
    }

    .font-Montserrat-black-report {
        font-family: Montserrat-Regular;
        color: #553c54;
        text-align: center
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 0px 14px
    }

    .text-margin-left {
        margin-left: 23px !important
    }

    .height-20 {
        height: 20px
    }

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

    .fontsize {
        font-size: 10px !important
    }

    .margin-left-10per {
        margin-left: -2% !important
    }
}

@media only screen and (max-width:768px) {
    .first_question .btnNext.btnsize {
        width: 210px !important;
        float: none
    }

    div.favouriteSnippets .browseSnippets .about_dropDown {
        padding-right: 0
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div {
        padding-right: 0
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px
    }

    div.margin-left-10Less {
        margin-left: -25px
    }

    .leftSide-img img {
        height: 314px
    }

    .padding-home-button {
        margin-bottom: 20px;
        margin-left: 0
    }

    .professionalsHeading-contents {
        padding-top: 100px !important;
        width: 104% !important
    }

    .offset-md-1 {
        margin-left: 0 !important
    }

    .mobile-your-teatment-7days-containor {
        float: left;
        width: 100%;
        display: block
    }

        .mobile-your-teatment-7days-containor .your-treatment-number {
            float: left !important
        }

        .mobile-your-teatment-7days-containor .your-treatment-7-day {
            float: left !important;
            text-align: left
        }

    .landing .self-assessment-mobile-container {
        padding-left: 0;
        padding-right: 0
    }

        .landing .self-assessment-mobile-container .featureSnippet.self-assesment {
            margin-left: 15px !important;
            margin-right: 15px !important
        }

        .landing .self-assessment-mobile-container .self-asessment-options {
            text-align: center
        }

    .register-contine {
        padding: 0 !important
    }
}

@media screen and (min-width:780px) {
    .min-height-178-web {
        min-height: 178px
    }

    .share-mycompass-button button {
        padding: 0
    }

    .padding-left-55 {
        padding-left: 55px !important
    }

    .padding-left-42 {
        padding-left: 42px
    }

    .border-left-registration {
        border-left: 1px solid #cecece
    }

        .border-left-registration .padding-left-registration {
            padding-left: 73px
        }

    .border-right-registration .padding-left-registration {
        padding-left: 73px
    }

    .dispaly-table {
        display: table
    }

    .table-cell {
        display: table-cell
    }

    .virtical-align-middle {
        vertical-align: middle
    }

    .float-none {
        float: none
    }

    .remove-left-padding {
        padding-left: 0
    }

    .required {
        color: #000
    }
}

@media only screen and (max-width:768px) {
    .footer-element-margin-left {
        margin-left: -20px;
        width: 110px
    }

    .padding-width-fontsize {
        padding-top: 14px;
        padding-left: 6px;
        font-size: 16px;
        text-align: center
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }

    .text-padding {
        padding-top: 0
    }

    .red-color {
        color: #e24201
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }
}

@media only screen and (max-width:768px) {
    .lineMobile {
        margin-top: 15px;
        height: 4%;
        width: 1px;
        background: #cfc7c0;
        top: 4px;
        bottom: 0;
        position: fixed
    }
}

@media only screen and (max-width:768px) {
    .alignContent {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    label.control-label.alignContent {
        padding: 0 15px
    }

    .top-padding-40 {
        padding-top: 0 !important
    }

    .imgmobwidth95per {
        width: 60% !important
    }

    .margin-top-100 {
        margin-top: 40px !important
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 8% !important
    }

    .margin-left-15 {
        margin-left: -15px !important
    }

    .lead-text-heading {
        font-size: 25px !important
    }

    .image-margin {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .margin-left-6 {
        margin-left: 0 !important
    }

    .marginleftmob0 {
        margin-left: 0 !important
    }

    .padding-left-36per-mob-0per {
        padding-left: 4% !important
    }

    .padding-left-41per-mob-0per {
        padding-left: 5% !important
    }

    .div-boder-rightColormob {
        border: 1px solid #ddddd6 !important
    }

    .div-shadow {
        -moz-box-shadow: 8px 10px 4px -8px #ccc;
        -webkit-box-shadow: 8px 10px 4px -8px #ccc;
        box-shadow: 0 5px 6px 0 #ccc
    }

    .text-margin-left-mob {
        margin-left: 3px !important
    }

    div.Screenshot1-image-margin {
        text-align: start !important;
        margin-top: -5px !important;
        margin-right: 15px !important
    }

    .Screenshot3-image-margin {
        margin-top: -9px !important;
        margin-left: -12px !important
    }

    .font-size-22-mob {
        font-size: 22px !important
    }

    .text-size-mob {
        font-size: 28px !important;
        padding-top: 41px !important
    }

    .font-size-11-mob {
        font-size: 11px !important
    }

    .self-assesment-text-mob {
        font-size: 12px !important;
        font-family: Montserrat-Regular
    }

    .font-Montserrat-Light-Mob {
        font-family: Montserrat-Regular !important
    }

    .font-size-17-Mob {
        font-size: 17px !important
    }

    .btn-text-styling-mob {
        text-transform: uppercase;
        font-size: 12.096pt
    }

    .text-uppercase-mob {
        text-transform: uppercase
    }

    .font-size-10-mob {
        font-size: 10px !important
    }

    .margin-top30-mob {
        margin-top: 30px !important
    }

    .margin-right-2-mob {
        margin-right: 2px !important
    }

    .margin-left-right-none {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .progressbar-margintop-right {
        margin-top: 5px;
        float: right;
        padding-right: 3px
    }

    .box-height {
        height: auto !important
    }

    .height-whitebutton1 {
        height: 57.79px !important
    }

    .paddingtop15 {
        padding-top: 15px !important
    }

    .box-width93per {
        width: 86% !important
    }

    .paddingleft5per {
        padding-left: 10% !important
    }

    .or-box-margin-left-right {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .or {
        color: #bebebe;
        background-color: #fff;
        position: absolute;
        text-align: center;
        top: -11px;
        width: 40px;
        left: 135px !important
    }

    .removeRow {
        padding-right: 3px !important;
        padding-left: 0 !important
    }

    .btn-line-height {
        width: 100% !important;
        cursor: pointer
    }
}

.margin-left30 {
    margin-left: 30px
}

.box-height {
    height: auto
}

.height-whitebutton {
    height: 57.79px !important
}

.mobile-color-white {
    background-color: #fff !important
}

.padding-margin-left {
    padding-left: 25px !important;
    margin-left: 0
}

.mobile-padding-left-30 {
    padding-left: 30px !important
}

.register .row {
    padding-bottom: 3px;
    padding-top: 3px;
    position: relative
}

.social-icon.twitter {
    height: 36px;
    width: 36px;
    margin-left: 6px
}

.social-icon.google {
    height: 40px;
    width: 43px;
    margin-left: 2px
}

.removeColor, .removeColor:active, .removeColor:focus, .removeColor:focus:active {
    background-color: transparent !important;
    color: #00f;
    background-image: none !important;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    outline: 0 !important
}

.loginlinksign {
    font-size: 26px;
    vertical-align: middle;
    color: #c1c1c1
}

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

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.header-right {
    margin-top: 15px !important;
    font-size: 18px;
    padding-left: 5px;
    margin-right: 0
}

    .header-right .bdiImgMobile {
        width: 150px
    }

.fade-blue {
    color: #bebefb
}

button.btn-primary:hover {
    color: #286090;
    cursor: pointer
}

.error, .help-block {
    color: #e14504;
    font-size: 12pt !important
}

.text-align-center {
    text-align: center
}

img.info-tooltip {
    width: 15px
}

.clear {
    clear: both
}

@media only screen and (min-width:769px) {
    .text-align-right {
        text-align: right
    }

    .option-2-selfassessment {
        padding-left: 0;
        text-align: center
    }

    .margin-left-9per {
        margin-left: 9%
    }

    .padding-left-right-45 {
        padding: 0 45px
    }

    div.progress-wrapper {
        width: 200px;
        float: left
    }

    div.web-canvas-dashboard {
        padding-left: 0;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        height: 570px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .share-mycompass-button {
        padding-right: 25px
    }

        .share-mycompass-button button {
            padding: 0
        }
}

@media only screen and (max-width:768px) {
    .dashboardDatePickerMob {
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 37.33% !important;
        float: left !important
    }

    .mobile-margin-top-25 {
        margin-top: 25px
    }

    .mobile-padding-20 {
        padding: 20px
    }

    .center-img {
        width: 100%
    }

    .mobile-width-100-percent {
        width: 100%
    }

    .mobile-width-100-percent-important {
        width: 100% !important
    }

    .register-selfassessment .yellowbox {
        margin-left: 0 !important
    }

    .margin-padding {
        padding-left: 15px !important;
        padding-bottom: 20px
    }

    .margin-top-27px {
        margin-top: 0
    }

    .margin-left-39 {
        margin-left: 0
    }

    .margin-left-12 {
        margin-left: 0
    }

    .margin-left-4 {
        margin-left: 0 !important
    }

    .profilepadding {
        padding: 5px !important
    }

    .selfassessmentpadding {
        padding: 0 8px 0 9px !important;
        margin-top: -22px
    }

    .resultselfpadding {
        padding: 5px !important
    }

    .margin-bottom-21 {
        margin-bottom: 0 !important
    }

    .width-postcode2 {
        width: 51% !important
    }

    .margin-left-39 {
        margin-left: 0 !important
    }

    .margin-top-27px {
        margin-top: -10px !important
    }

    .margin-left-12 {
        margin-left: 0 !important
    }

    .mob-margin-padding-next {
        margin-top: -6%;
        padding-bottom: 43px
    }

    .resultselfpadding1 {
        padding: 1px 40px 33px 23px !important;
        margin-top: -22px
    }

    .margin-left-42 {
        margin-left: 25% !important
    }

    .padding-snippet {
        padding: 5px 3px 8px 9px !important
    }

    .margin-left-20min {
        margin-left: -8px !important
    }

    .margin-left-62 {
        margin-left: -12px !important
    }

    .text-align-right {
        text-align: left !important
    }

    .padding-send {
        padding: 0 10px 13px 7px !important
    }

    .margin-send {
        margin-left: 0 !important;
        margin-bottom: 5%;
        margin-top: 0 !important
    }

    .margin-left-2-neg {
        margin-left: 0 !important
    }

    .margin-freq {
        margin-left: 0 !important;
        margin-top: 1% !important;
        margin-bottom: 5%
    }

    .margin-freq1 {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-bottom: -3%
    }

    .margin-timezone {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-mssidn-input {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-via {
        margin-top: -4px !important;
        margin-left: 2px !important
    }

    .padding-trackingremind {
        padding: 5px 3px 8px 9px !important
    }

    .mob-padding-left-right-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-top-1per {
        margin-top: 1%;
        padding: 0 !important
    }

    .margin-left-31 {
        margin-left: 0 !important
    }

    .padding-right-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .margin-left-7 {
        margin-left: -7% !important
    }

    .padding-bottom-10 {
        padding-bottom: 10px
    }

    .margin-left-15per {
        margin-left: 0 !important
    }

    .margin-left-7px {
        margin-left: 0 !important
    }

    .margin-left-2point5per {
        margin-left: 0 !important
    }

    .margin-left-42px {
        margin-left: 42px
    }

    .next-finish {
        margin-bottom: -12px;
        margin-top: 0;
        margin-left: -6%
    }

    .margin-left-40per {
        margin-left: 25% !important
    }

    .mobile-margin-left-10 {
        margin-left: 10px
    }

    btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 29px 11px 23px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    div .btn1 {
        margin-left: -10px;
        min-width: 100%;
        font-size: 15px;
        text-align: left;
        margin-bottom: 7px;
        margin-top: 7px;
        border: 1px solid transparent;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer
    }

    .mob-margin-bottom-2per {
        margin-bottom: -2%;
        margin-left: 3%
    }

    .mob-margin-next {
        margin-left: 0 !important
    }

    .mob-margin-finish {
        margin-left: -10px
    }
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 100px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog {
    box-sizing: border-box
}

    .ngdialog *, .ngdialog :after, .ngdialog :before {
        box-sizing: inherit
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
        -webkit-animation: none !important;
        animation: none !important
    }

.ngdialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog-no-overlay {
    pointer-events: none
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    pointer-events: all
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

.loaderlayoutbackground {
    background-color: #000;
    opacity: .8;
}

.weeksddl {
    display: inline
}

.reportOverview {
    display: inline;
    margin-left: 20px
}

.dashboard {
    margin-top: -20px
}

    .dashboard .container-fluid {
        background: #f7f7f7
    }

.padding-top-20 {
    padding-top: 20px
}

.btnViewReports {
    background: #f79c00;
    border: none;
    box-shadow: 0 1px 2px 0 #888;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    cursor: pointer
}

div .tracking-checkboxWeb-inline {
    margin-right: 5px;
    margin-left: 8px;
    padding: 5px;
    zoom: 1.5 !important;
    vertical-align: middle;
    margin-top: 0
}

.width-140 {
    width: 140px
}

.color-red {
    color: red
}

.color-red-hover:hover {
    text-decoration: none !important;
    color: red !important
}

.width-100-per {
    width: 100%
}

.activeModule {
    border: 1px inset #d5d5d5;
    height: 200px;
    background: #f0f0f0;
    margin-top: 3px
}

.dashboardHeader {
    font-family: DMSans-Regular;
    font-size: 14pt;
    color: #000;
    margin-left: 18px;
    line-height: 16.8pt;
    letter-spacing: 0;
}

.font-LucSans {
    font-family: 'Lucida Sans'
}

.moduleInnerContent {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 21px;
    text-align: center;
    margin-top: 30px
}

.activeModuleLabel {
    font-size: 12px
}

.btnOrange {
    padding: 14px 15px;
    background: 0 0;
    border-radius: 26px;
    cursor: pointer;
    border: 1px solid #e14504;
    display: inline-block
}

    .btnOrange:hover {
        text-decoration: none
    }

.snippetBody {
    background: #fff5e8;
    border-radius: 3px;
    padding: 5px 5px
}

.snippetAnchor {
    color: #f79c00;
    font-size: 25px
}

    .snippetAnchor:hover {
        text-decoration: none !important
    }

.width-2-per {
    width: 2%;
    padding-top: 2px;
    padding-bottom: 2px
}

.knowledgeCentre {
    background: 0 0;
    padding-bottom: 20px;
    padding-top: 0;
    padding-bottom: 50px
}

.knowledgeCentreItems {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px
}

.emptychartMessage {
    font-family: DMSANS-MEDIUM;
    font-size: 12pt;
    margin-left: 20px;
    color: #f4f1ef;
    height: 396px !important;
    background-color: #fff;
    border-radius: 8px
}

.divscroll-height.empty-chart-wrapper {
    height: auto !important;
    padding-left: 0;
    border-radius: 15px !important
}

.emptychartMessage p {
    margin-bottom: 0
}

.addAnotherRepo a:hover {
    text-decoration: none !important;
    color: red;
    cursor: pointer
}

.addAnotherRepo {
    display: inline
}

.editTracking:hover {
    text-decoration: none !important
}

.hover-text-decoration-none:hover {
    text-decoration: none !important
}

@media only screen and (max-width:768px) {
    .mobile-footer-height {
        padding-top: 60px !important
    }

    .tab-content .self-asessment-options p.padding_10 {
        padding: 0px 3px;
    }

        .tab-content .self-asessment-options p.padding_10.active {
            padding: 0px 3px;
        }

        .tab-content .self-asessment-options p.padding_10 .self_asessment_lable {
            font-size: 14pt;
        }


    div.mobile-footer-height.foote_desktop_row {
        padding-top: 20px !important
    }

    .balck_dog_text {
        float: left
    }

    .black-Dog-Institute-width {
        width: 265px !important
    }

    .footer_log_div {
        float: right
    }

    .dashboardHeader {
        margin-left: 15px !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .reportOverview {
        display: inline;
        margin-left: 0 !important
    }

    img.footer_background {
        height: 240px !important;
        width: 100% !important
    }

    .header-right {
        margin-right: 25px !important;
        margin-left: 5px;
        padding-left: 0 !important
    }

    .registration_Background_img img {
        position: absolute;
        height: 286px;
        width: 100%;
        margin-top: -19px
    }

    .mobile-font-11 {
        font-size: 11px;
        text-align: start
    }

    .mobile-text-align-start {
        text-align: start
    }

    .mobile-margin-left5per {
        margin-left: 5% !important
    }

    .mobile-font-size-20 {
        font-size: 20px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .backgound-color {
        background: #f7f7f7
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .mobile-margin-left-less35 {
        margin-left: -35px !important
    }

    .mobile-padding-left-0 {
        padding-left: 0 !important
    }

    .mobile-font-size-17 {
        font-size: 17px
    }

    .mobile-font-size-14 {
        font-size: 14px
    }

    .mobile-margin-0 {
        margin: 0
    }

    .font-size-12 {
        font-size: 12px !important
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .editTracking {
        text-align: left;
        margin-top: 15px;
        margin-left: 0
    }

    .mobile-margin-bottom-10 {
        margin-bottom: 10px !important
    }

    mobile-margin-left22 {
        margin-left: 22px
    }

    .margin-for-mobile {
        margin: 0
    }

    .mobile-margin-1 {
        margin: 1px
    }

    .m-margin-left21 {
        margin-left: 21px !important
    }

    .m-margin-left10 {
        margin-left: 10px !important
    }

    .mobile-margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-top-auto {
        top: 0 !important
    }

    .m-margin-left {
        margin-left: 55px !important;
        margin-bottom: 16px;
        margin-top: 18px;
        height: 37px;
        text-align: center;
        line-height: 35px
    }

    .backgound-image {
        background-size: 126% 100% !important;
        height: 386px !important;
        width: 308px !important;
        margin-right: 13px !important;
        margin-left: 0 !important;
        margin-top: -137px !important
    }

    .font-size-12 {
        font-size: 12px
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-top-bottom-left-0 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .mobile-padding-bottom-top-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .padding10 {
        padding: 0 !important
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobaile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .mobile-top-0 {
        top: 0 !important;
        margin-left: -14px !important
    }

    .rightNavBar {
        text-align: left !important
    }

        .rightNavBar li.icon {
            display: block
        }

    .letsStarted {
        margin-top: -10px
    }

    .moveleft-web-15 {
        left: 0 !important
    }

    .bell-badge {
        position: relative !important;
        left: -10px;
        top: -15px !important
    }

    .moduleInnerContent {
        margin-top: 10px;
        margin-left: 22px
    }

    .snippetBody {
        margin-left: 22px
    }

    .viewSnippets {
        margin-left: 47px
    }

    .emptychartMessage {
        font-size: 20px;
        margin-top: 40px;
        margin-left: 75px;
        text-align: left
    }

    .emptyModuleMessage {
        font-size: 20px !important
    }

    .font-size-13 {
        font-size: 13px
    }

    div .tracking-checkboxWeb-inline {
        margin-left: 9px
    }

    div .tracking-header {
        font-size: 19px;
        margin-top: 10px !important
    }

    .tracker-border-right {
        border: none !important
    }

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

    .basicModuleLabel {
        padding-left: 0
    }

    .canvas-width {
        width: 300px !important;
        height: 300px !important
    }

    .padding-top-45 {
        padding-top: 0
    }

    .hrcustom.mobile-hidden {
        display: none
    }

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

    .margin-left-10 {
        margin-left: 0 !important
    }

    margin-left-38 {
        margin-left: 38px !important
    }

    .margin-top-15 {
        margin-top: 0 !important
    }

    .mob-width {
        width: 105%
    }

    .margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-self-assement-div {
        padding: 0 !important
    }

    .margin-top-2 {
        margin-top: 1% !important
    }

    .margin-bottom-14 {
        margin-bottom: 30%
    }

    .border-spacing-4 {
        border-spacing: 2px
    }

    .mob-footer {
        padding-right: 0;
        padding-left: 35px
    }

    .mob-padding-0 {
        padding: 0
    }

    .mob-padding-0-important {
        padding: 0 !important
    }

    .marginknowledge {
        margin-left: 0 !important
    }

    .padding-bottom-19 {
        padding-bottom: 19px
    }

    .padding-bottom-13 {
        padding-bottom: 13px
    }

    .width-276 {
        width: 100% !important
    }

    .float-left {
        float: none !important
    }

    .margin-left-right {
        margin-left: -30px;
        width: 123%
    }

    .selfAssessmentInDashboard {
        padding: 0
    }

        .selfAssessmentInDashboard .self-assessment-container {
            padding: 0
        }

        .selfAssessmentInDashboard .margin-left-right {
            margin-left: auto;
            width: auto
        }

    .dashboard-username-text {
        word-wrap: break-word
    }
}

.box-shadow {
    box-shadow: 0 1px 2px 0 #888
}

.padding10 {
    padding: 10px
}

.paddingl-left-10 {
    padding-left: 10px
}

.tracking-box {
    background: #fff
}

.tracking-header {
    margin-top: 0 !important;
    margin-left: 11px
}

.tracker-border-right {
    border-right: 1px solid #d2d2d2
}

.cursor {
    cursor: pointer
}

div.carousel.custom-carousel a.remove-carousel-handle-color {
    background-color: transparent;
    background-image: none;
    width: 30px
}

div.carousel.custom-carousel div.item.snippetData {
    width: 80%;
    margin-left: 10%;
    background-color: #fff5e8;
    padding: 12px
}

.word-wrap {
    word-wrap: break-word
}

.notification-bell {
    font-size: 20px
}

.bell-badge {
    background-color: #54d2ec;
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 3px 6px
}

.myPopover-header {
    padding-bottom: 9px;
    margin: 2px 0 20px;
    border-bottom: 1px solid #eee
}

.symptomModel-header {
    padding: 15px 0 0 15px
}

    .symptomModel-header h3 {
        color: #dec26b
    }

.ProfileModal-dialog {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    width: 215px;
    transform: translate(-50%,-50%)
}

.modal-content {
    background: #fff
}

.layoutsymptomModal .modal-content {
    background: #fff !important;
    border: 1.5pt solid #e14504
}

.layoutsymptomModal .modal-body p {
    color: #000 !important
}

.layoutsymptomModal .btnPurple {
    padding: 7px 50px;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    border: 1.5pt solid #e14504;
    text-transform: uppercase;
    margin-left: 0
}

.layoutsymptomModal .btn:hover {
    color: #fff !important;
    background: #e14504
}

.layoutsymptomModal .btnPurple {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important
}

.modal-contentQuestionnaire {
    background: #fff
}

.symptomModel-footer {
    text-align: center;
    padding: 5px 0 0 0;
    max-width: 100%
}

.btnPurple {
    background: #7c6a92;
    font-size: 13px;
    color: #f9eeee;
    cursor: pointer
}

.btn-White {
    font-size: 13px;
    margin-left: 15px;
    cursor: pointer;
    background: #fff;
}

.modal-body p {
    color: #f9eeee
}

.link-badge {
    margin-left: 4px
}

.popover-title {
    background: #885bf1;
    color: #f9eeee
}

.popover {
    padding: 0;
    border: none
}

    .popover.bottom .arrow:after {
        border-bottom-color: #885bf1
    }

.notification-link {
    color: #78797b;
    padding-top: 10px;
    margin-left: -15px
}

    .notification-link:hover {
        text-decoration: none !important;
        cursor: pointer
    }

.hidden {
    display: none !important
}

.knowledgeCentre-buttons {
    cursor: pointer;
    width: 100%
}

.link-color {
    color: #cd4c1d
}

    .link-color:hover {
        color: #cd4c1d;
        cursor: pointer
    }

.shown {
    display: block
}

.snippetNavigation {
    margin-top: 30px;
    color: #f79c00;
    font-size: 20px
}

.self-assesment .bode-Text-Color {
    color: #000
}

.self-assesment .dark-blue {
    background-color: transparent !important
}

.self-assesment .border-bottom-Zero {
    border: none
}

.self-assesment .nav-tabs > li.active > a, .self-assesment .nav-tabs > li.active > a:focus, .self-assesment .nav-tabs > li.active > a:hover {
    font-family: Montserrat-SemiBold
}

.self-assesment .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #e14504;
    border-bottom: 6px solid #e14504
}

.self-assesment .btnWhite {
    color: #000;
    background: #f79c00;
    cursor: pointer;
    border-radius: 0;
    font-size: 13px;
    font-family: Montserrat-Regular
}

.tracking-setup {
    background-color: #fff
}

.tracking-setup-body {
    background-color: #fff
}

.btnSaveUpdate {
    min-width: 150px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px
}

.radio-strength-challenge {
    margin-top: 0
}

.self-assesment .panel-default > .panel-heading {
    background: #fff
}

.whiteButton {
    box-shadow: none;
    -moz-box-shadow: 0 1px 2px 0 #888;
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

.ModuleButtonSpan {
    width: 85%;
    float: left
}

.ModuleButtonSpanB {
    width: 80%;
    float: left
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.activeModuleBox {
    box-shadow: none;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    margin-top: 10px
}

.emptyActiveModuleBox {
    box-shadow: none;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 30px;
    height: 396px;
}

.basicModuleBox {
    box-shadow: 0 0;
    background: hsl(34deg 100% 95%);
    border-radius: 6px;
    padding-right: 25px;
}

.modulebox {
    margin-top: 10px
}

.emptyActiveModuleMessage {
    padding: 125px 0 125px 0;
    color: #bcbcbc
}

.profileQuestion {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 17px
}

.clearLine {
    border: 1px solid #eaeced
}

.clearline-Activities {
    border: 0 solid #eaeced
}

.keepLearning {
    padding: 10px 30px 10px 15px;
    background: 0 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.otherModulesBox {
    padding-bottom: 20px;
    background: 0 0;
    box-shadow: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.color-Orange {
    color: #f79c00
}

.paddingleftpx {
    padding-left: 0 !important
}

.activeModulePanelDashboard {
    border: none !important;
    margin-bottom: 20px !important;
    height: 100%;
    min-height: 310px
}

    .activeModulePanelDashboard .panel-body h3 {
        color: #80bc00
    }

    .activeModulePanelDashboard .panel-heading {
        text-align: center;
        background: #f4f1ef;
        color: #fff;
        font-size: 17px
    }

    .activeModulePanelDashboard .panel-footer {
        text-align: center;
        background: #fff;
        color: #80bc00;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 0;
        height: 64px !important;
    }

        .activeModulePanelDashboard .panel-footer:hover {
            cursor: pointer
        }

.activeModulePannel {
    border: none !important;
    margin-bottom: 0 !important
}

    .activeModulePannel .panel-body {
        height: 300px
    }

        .activeModulePannel .panel-body h3 {
            color: #80bc00
        }

    .activeModulePannel .panel-heading {
        text-align: center;
        background: #f4f1ef;
        color: #fff;
        font-size: 17px
    }

    .activeModulePannel .panel-footer:hover {
        cursor: pointer
    }

.sessionCompleteOk {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 18px;
    top: -10px
}

.sessionPauseDashboard {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    margin-left: 6px;
    top: -8px
}

.sessionPause {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    top: -9px
}

.sessionCompleteOkIndashboard {
    position: absolute;
    left: 9px;
    color: #e14504;
    font-size: 17px;
    top: 10px
}

.Paused.sessionCompleteOkIndashboard {
    font-size: 19px;
    top: -8px
}

.percentComplete {
    float: right;
    margin-right: 8px;
    color: #e14504;
    margin-top: 6px
}

.module-keep-learning .percentComplete {
    float: right;
    margin-right: 0;
    color: #e14504;
    margin-top: 10px
}

.activities .activeModulePannel .circle canvas {
    height: 220px;
    width: 220px
}

.left-25 {
    left: 25px
}

.left-40 {
    left: 40px
}

.left-27 {
    left: 28px
}

.left-46 {
    left: 48px
}

.progressbar {
    display: inline-block;
    width: 220px;
    margin-top: 0
}

.progressbarInButton {
    display: inline-block;
    width: auto !important;
    margin: 8px 0px -31px -1px;
}

.circle {
    width: 100%;
    margin: 0 auto 35px;
    display: inline-block;
    position: relative;
    text-align: center
}

    .circle canvas {
        vertical-align: middle;
        height: 154px;
        width: 165px
    }

.circleInButton canvas {
    height: 40px
}

.progressbarInButton .circleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 11px;
    color: #e14504 !important
}

.circle div {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 20.092pt;
    font-size: 25px;
    color: #ca3f0c
}

.circle span {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    text-align: center
}

.circle strong i {
    font-style: normal;
    font-size: .6em
}

.circle span {
    display: block;
    color: #e14504;
    margin-top: 75px;
    margin-left: 0;
    font-family: DMSANS-BOLD;
    font-size: 16.74pt;
    font-weight: unset;
    line-height: 20.092pt;
    letter-spacing: 0
}

.symptomScreener .row {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-left-10 {
    margin-left: 10px
}

.symptomScreenerModal {
    background: #fff
}

    .symptomScreenerModal .modal-header {
        border-bottom: none;
        padding: 5px 8px 0 0
    }

        .symptomScreenerModal .modal-header button {
            font-size: 28px
        }

    .symptomScreenerModal .modal-body p {
        color: #666
    }

    .symptomScreenerModal .modal-footer {
        border-top: none
    }

.enableNotification {
    font-size: 15px;
    position: absolute;
    top: 13px
}

.font-Montserrat-black {
    font-family: Montserrat-SemiBold;
    color: #553c54
}

.font-Montserrat-light {
    font-family: Montserrat-Regular
}

.color-lawngreen {
    color: #94c83d
}

.div-boder {
    border: #e4e4e3
}

.vertical-align {
    vertical-align: middle
}

.div-line-height {
    line-height: 48px
}

.div-boder-rightColor {
    border-right: 1px solid #ddddd6
}

.txt-Color-black {
    color: #000
}

.font-size-46 {
    font-size: 46px
}

.top-padding-40 {
    padding-top: 40px
}

.lead-text-heading {
    font-size: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-top-40 {
    margin-top: 40px
}

.lead-text {
    font-size: 20px
}

.margin-top-100 {
    margin-top: 150px
}

.red-color {
    color: #e24201
}

.text-padding {
    padding-top: 0
}

.light-red-color {
    color: #fba582
}

.mid-red-color {
    color: #f17746
}

.text-color {
    color: #151412
}

.mobile-top-margin-20 {
    margin-top: 20px
}

.font-weight-and-size {
    font-size: 50px
}

.padding-width-fontsize {
    padding-top: 14px;
    padding-left: 6px
}

.text-font-size {
    font-size: 16px
}

.font-size-10 {
    font-size: 10px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-text {
    font-size: 24px
}

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

.text-heading-font-Montserrat-black {
    font-size: 30px;
    font-family: Montserrat-SemiBold
}

.margin-left-6 {
    margin-left: 21px
}

.margin-top-15 {
    margin-top: 15px
}

.font-size-14 {
    font-size: 14px
}

.font-size-19 {
    font-size: 19px
}

.font-size-25 {
    font-size: 25px
}

.text-size {
    font-size: 32px;
    padding-top: 41px
}

.btn-height {
    width: 37.666667%;
    height: 45PX;
    cursor: pointer
}

.left-3 {
    left: 2.666667%
}

.header-right .myCompassImg {
    width: 150px !important;
    float: revert
}

.margin-left-10-percent {
    margin-left: 10%
}

div.navbar-header.margin-left-10-percent {
    margin-left: 10% !important
}

.backgound-color-white {
    background-color: #fff
}

.font-size-13 {
    font-size: 13px
}

.font-size-18 {
    font-size: 18px
}

.margin-top-40 {
    margin-top: 40px
}

@media (min-width:767px) and (max-width:991px) {
    .ipad-no-top-margin {
        margin-top: 0 !important
    }
}

.section-1 label, .section-2 label, .section-3 label, .section-4 label {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 40px;
    padding: 0 25px
}

.mountaingreen-height-web {
    height: 300px
}

.footer-height-web {
    height: 150px
}

.font-size-25 {
    font-size: 25px
}

.Screenshot3-image-margin {
    margin-top: -9px;
    margin-left: 20px
}

.text-margin-left {
    margin-left: -36px
}

.Screenshot1-image-margin {
    text-align: start;
    margin-right: 384px;
    margin-top: -46px
}

.btn-line-height {
    width: 242px;
    cursor: pointer
}

.color-white {
    color: #fff
}

.footermargin {
    margin-left: -65px
}

.marginbottomSitemap {
    margin-bottom: 40px;
    font-size: 20px
}

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

.footer-left-right {
    margin-left: 0;
    margin-right: 0
}

.footer-elements {
    margin-top: 70px;
    width: 100%;
    padding-left: 9%
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.badge:empty {
    display: none !important
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.user-logged-in li a {
    padding: 10px 5px
}

.product .img-responsive {
    margin: 0 auto
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right
}

.hover-cursor-pointer {
    cursor: pointer
}

.image-width-height {
    width: 175px
}

.margin-bottum10-top20 {
    margin-bottom: 50px !important;
    margin-top: 30px !important
}

.fb {
    color: #507dc3 !important
}

.twt {
    color: #6ea1ef !important
}

.ml.mail {
    font-size: 20px !important;
    color: #000
}

.clr {
    padding: 0;
    box-shadow: none !important;
    border-color: transparent !important
}

.clr2 {
    background-color: #fff;
    padding: 0
}

.graphcontent {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext1 {
    color: #aeadad
}

.graph1 {
    height: 400px
}

.graph2 {
    width: 1000px;
    height: 450px
}

.sb.subheader {
    width: 100% !important
}

.glyphicon-ok:before {
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -6px;
    margin-left: 1px;
    border-radius: 2px
}

.glyphicon-ok.first:before {
    background-color: #e14504
}

.glyphicon-ok.second:before {
    background-color: #86b401
}

.glyphicon-ok.thrid:before {
    background-color: #da3e00
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.2em;
    height: 1.2em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5
}

.radio .cr {
    border-radius: 50%
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px
    }

.checkbox .cr .cr-icon {
    font-size: 1em;
    left: 2px
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    margin-left: -.05em;
    color: #ff5f4a
}

.checkbox label input[type=checkbox], .radio label input[type=radio] {
    display: none
}

    .checkbox label input[type=checkbox] ~ .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0);
        opacity: 0;
        transition: all .3s ease-in
    }

    .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    .checkbox label input[type=checkbox]:disabled ~ .cr, .radio label input[type=radio]:disabled + .cr {
        opacity: .5
    }

.font-Montserrat-semibold {
    font-family: DMSANS-REGULAR;
    font-size: 33pt
}

.margin-left-68 {
    margin-left: 68px
}

.padding-bottom-31 {
    padding-bottom: 31px
}

.margin-left-27 {
    margin-left: 27px;
    margin-top: 44px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-top-35 {
    margin-top: -35px
}

.width-171 {
    width: 171px
}

.margin-top-20-in {
    margin-top: 20px
}

.margin-top-71 {
    margin-top: 71px
}

.knowledgeCentre-padding-bottom {
    padding-bottom: 100px
}

.knowledgeCentre-margin20-top {
    margin-top: 20px
}

.font-size-11 {
    font-size: 11px
}

.font-size-14 {
    font-size: 14px !important
}

.canvas-width {
    width: 1047px;
    height: 380px !important
}

.height-300 {
    height: 300px
}

.font-size-ul-13 {
    font-size: 13px
}

.padding-top-10 {
    padding-top: 10px
}

.width-95 {
    width: 95%
}

.margin-left-less43 {
    margin-left: -43px;
    margin-top: 64px
}

.margin-left-less18 {
    margin-left: -18px
}

.margin-left-17 {
    margin-left: -17px
}

.padding-top-45 {
    padding-top: 45px
}

.backgound-image {
    background: url(/Images/dashboard-graph-placeholder.png);
    height: 637px;
    width: 1169px;
    margin-right: 31px;
    margin-left: -31px;
    margin-top: -223px
}

.font-size-21 {
    font-size: 21px
}

.padding-top-bottom17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.margin-top45 {
    margin-left: 31px;
    margin-top: 45px
}

.width-161 {
    width: 161px
}

margin-bottom-50 {
    margin-bottom: 50px
}

.text-align-left {
    text-align: left
}

.margin-left-74 {
    margin-left: 74px
}

.margin-left-12 {
    margin-left: 12px
}

.margin-top-25 {
    margin-top: -25px
}

.margin-bottom-less15 {
    margin-left: -15px
}

.tracking-container {
    z-index: 1001;
    width: 100%;
    left: 0;
    background-position: 0;
    padding: 25px
}

.backgound-color-skyblue {
    background-color: #e3f2f7
}

.height-40 {
    height: 40px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-140 {
    height: 140px
}

.font-size-16 {
    font-size: 16px
}

.self-assesment-text-mob {
    font-family: Montserrat-SemiBold
}

a.linkorangecolor {
    color: #616161 !important;
    text-decoration-line: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.font-size12 {
    font-size: 12px
}

.margin-left25 {
    margin-left: 25px
}

.margin-floatright20 {
    margin-right: 20px !important;
    float: right;
    font-size: 25px
}

.module-box {
    width: 100%;
    padding-left: 30px
}

.module-box1 {
    width: 100%;
    padding-left: 7px
}

.height-whitebutton1 {
    height: 85.79px !important;
}

.paddingleft5per {
    padding-left: 5%
}

.padding-left-0 {
    padding-left: 0
}

.padding-margin-left {
    padding-left: 0;
    margin-left: -10px
}

.padding-bottom-90 {
    padding-bottom: 90px !important
}

.margin-left-less-15 {
    margin-left: -15px !important
}

.margin-padding {
    padding-left: 0;
    margin-left: -10px
}

.padding-margin-less5 {
    padding-left: 0;
    margin-left: -4px
}

.break-all {
    word-break: break-all
}

.margin-bottom-14 {
    margin-bottom: 23%
}

.marginknowledge {
    margin-left: 11.5%;
    margin-bottom: 6% !important
}

.margin-top-6 {
    margin-top: 6%
}

.margin-top7per {
    margin-top: 7% !important
}

.margin-top-3 {
    margin-top: 3% !important
}

.padding-left-100 {
    padding-left: 100px
}

.width-276 {
    width: 276px
}

.float-left {
    float: left
}

.mobile-margin-top-6 {
    margin-top: 6px
}

.top80 {
    top: 80px
}

.logininput {
    border-color: #dad8d8 !important;
    border-top: none !important;
    box-shadow: none !important;
    border-left: none !important;
    border-radius: unset !important;
    border-right: none !important
}

.padding30 {
    padding: 30px
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s
}

    .sidenav a:hover {
        color: #f1f1f1
    }

.float-left-icons {
    float: right
}

.sidenav .closebtn {
    position: absolute !important;
    top: 7px !important;
    font-size: 36px !important;
    padding-left: 0 !important;
    color: #c93600 !important;
    text-decoration: none !important
}

.sidenav .closebtn {
    position: absolute !important;
    top: 7px !important;
    font-size: 36px !important;
    color: #c93600 !important;
    text-decoration: none !important
}

.sidenav.mobile {
    width: 0
}

.get-started-button:hover {
    background: #ae411c !important;
    transition: .35s ease
}

.Profile-Save-Button.button-orange.landing-self-next-finish:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.tab-content .submittedPHQGAD p a:hover {
    background-color: #e14504;
    color: #fff !important
}

.landing-self-back:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish:focus {
    outline: 0;
    box-shadow: none
}

.tab-content .submittedPHQGAD p a:focus {
    outline: 0;
    box-shadow: none
}

.landing-self-back:focus {
    outline: 0;
    box-shadow: none
}

.get-started-button:focus {
    outline: 0;
    box-shadow: none
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important
}

::-webkit-input-placeholder {
    color: #626262 !important
}

:-ms-input-placeholder {
    color: #626262 !important
}

::-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

.displayblock {
    display: block !important
}

.remembermecolor {
    color: #626262 !important
}

.or-box-margin-left-right {
    margin-left: -16px;
    margin-right: -16px
}

.or {
    color: #bebebe;
    background-color: #fff;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 40px;
    left: 125px
}

.paddingright5 {
    padding-right: 5px !important
}

.radius-0 {
    border-radius: 0 !important
}

.self-assesment .panel-heading ul li a:hover {
    background-color: transparent;
    border: 0;
    color: #fff
}

.self-assesment .panel-heading ul li a {
    background-color: #fff;
    border: 0;
    color: #7ec4d9;
    padding: 5px
}

.self-assesment .panel-heading ul li.active a {
    color: #000;
    font-weight: 900;
    opacity: 1
}

.self-assesment .panel-heading ul li a {
    opacity: .8
}

.self-assesment .panel-heading ul li.second a {
    margin-left: 20px !important
}

.margin-left-7 {
    margin-left: -7%
}

.margin-left-18 {
    margin-left: -18% !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.self-assesment .btnWhite:hover {
    color: #000 !important
}

.padding-left-8 {
    padding-left: 8px
}

.margin-left-10per {
    margin-left: 10%
}

.padding-left-10 {
    padding-left: 10.5%
}

.margin-left-13 {
    margin-left: 13%
}

.margin-top-35 {
    margin-top: 35px
}

.margin-bottom-2 {
    margin-bottom: 2%
}

.margin-top-2 {
    margin-top: 2.5%
}

.padding-left-right {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.padding-left-right-95 {
    padding: 0 95px
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.backgound-transparent {
    background-color: transparent
}

.padding-10 {
    padding: 10px
}

.dashboard .hide-data {
    display: none !important
}

.backgroundcolor {
    background-color: #19a6c9 !important
}

.overflow-hidden {
    overflow: hidden
}

.margin-left3per {
    margin-left: -3%
}

.footer-margin-top {
    margin-top: 60px !important
}

.margin-left-right {
    margin-left: -30px;
    margin-right: 0
}

.fontsize {
    font-size: 13px
}

.margin-top-30 {
    margin-top: 30px
}

.divscroll-height {
    height: auto;
    overflow-y: hidden;
    padding-right: 0;
    margin-top: 3px
}

.width-88per {
    width: 88%
}

.margin-top-less5 {
    margin-top: -5px;
    margin-bottom: 7px
}

.glyphicon-icon {
    font-size: 17px !important;
    margin-right: 2%;
    margin-top: -3px
}

.mobile-margin-top-15 {
    margin-top: -15px
}

.mobile-module-box-2 {
    width: 100%;
    margin-left: 25px;
    padding-left: 0
}

.keepLearningDashboard {
    height: 65px;
    padding: 20px;
    background: #f4f1ef;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.glyphicon-color-green {
    color: #fff;
    background: #ff9f1a;
    border-radius: 68%;
    height: 12px;
    width: 13px;
    line-height: 10px !important
}

.button-width-180 {
    width: 180px !important
}

.height-buttonwhite {
    height: 65.79px !important;
    /*   width: 512.67px !important;*/
    width: 495px !important;
}

.glyphicon-color {
    color: #b9b9b9
}

.module-box-height {
    max-height: 268px;
    max-width: 100%
}

.padding-10 {
    padding: 10px !important
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-59 {
    top: 58px !important
}

.complete-panel {
    margin-right: 20px;
    margin-left: 34px;
    margin-top: -30px !important;
}

.text-align-start {
    text-align: start !important
}

.margin-left-2per {
    margin-left: 2%
}

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

.module-box-2 {
    width: 100%;
    padding-left: 40px
}

.button-height {
    height: 50px !important;
    margin-left: 20%
}

.padding-top-5 {
    padding-top: 5px
}

.border-bottom {
    box-shadow: 1px 2px 1px -2px !important
}

.table-border-bottom {
    border-bottom: 1px solid #ddd !important
}

.table-border-top {
    border-top: 0 solid #ddd !important
}

.active-box-border {
    box-shadow: 0 3px 1px -4px !important
}

.margin-left-10Less {
    margin-left: -10px
}

.padding-top-15 {
    padding-top: 15px
}

.complete-text {
    font-size: 15px;
    /* margin-top: 16px;*/
    margin-top: 10px;
}

.margin-left-less15 {
    margin-left: -15px
}

.circleInDashboard canvas {
    height: 145px;
    width: 145px;
    margin-left: -21px;
    margin-top: -8px
}

.circleInDashboard span {
    font-size: 13px;
    color: #333;
    margin-top: 26%
}

.circleInDashboard div {
    height: 50px;
    font-size: 29px;
    margin-top: 2px
}

.padding-left-25 {
    padding-left: 15px
}

.margin-left-5per {
    margin-left: 5%
}

.margin-left-9per {
    margin-left: 9%
}

.circleInButton canvas {
    width: 45px !important;
    height: 45px !important
}

.orangeclr {
    color: #616161;
    font-family: DMSANS-REGULAR;
    font-size: 18pt;
    text-decoration: underline #e14504;
    -webkit-text-decoration: underline #e14504 !important;
    -webkit-text-decoration-color: #e14504 !important;
}

.margintopbtm {
    margin-top: 0;
    margin-bottom: 2px;
    background: 0 0;
    width: 1240px
}

.margintopbtm63 {
    margin-top: 22px;
    margin-bottom: 63px;
    background: #f7f7f7
}

.margin-left-25 {
    margin-left: 25%
}

.margin-left-54 {
    margin-left: 54% !important
}

.padding-left-125 {
    padding-left: 125px
}

.width-50 {
    width: 50% !important
}

.width-280 {
    width: 280px !important
}

.crisesSupport-width {
    max-width: 350px
}

black-Dog-Institute-width {
    width: 230px
}

.width-350 {
    max-width: 350px
}

.width-255px {
    width: 255px
}

.gplus {
    color: #f75002
}

.iconfont {
    font-size: 40px !important
}

.continueclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 120px 10px 60px
}

.continue {
    margin-top: 5%;
    margin-left: -3%
}

.margin {
    margin-bottom: 0 !important
}

.margin1 {
    margin-bottom: -25px !important
}

input[type=radio]:checked {
    background-color: #93e026
}

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 4.8px;
        border-radius: 50px !important
    }

    input[type=radio]:checked ~ .cr .customRadiodiffFontsize:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 7.8px;
        border-radius: 50px !important
    }

.radio .Register.cr .cr-icon {
    margin-left: -.05em;
    color: #888
}

.margin-top-5 {
    margin-top: -5px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-left-top {
    margin-left: -168%;
    margin-top: 4px
}

.margin-left-35 {
    margin-left: -35px
}

.margin-top-1 {
    margin-top: -1px
}

.margin1 {
    margin-left: -35px;
    margin-top: -15px
}

.border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
    border: 1px solid #e14504;
    font-size: 14pt;
    max-width: 320px !important;
    FONT-FAMILY: DMSANS-REGULAR;
    background-color: transparent
}

.form-group.has-error input[type=date], .form-group.has-error input[type=number], .form-group.has-error input[type=password], .form-group.has-error input[type=text], .form-group.has-error select {
    border: 1px solid #e14504;
    font-size: 14pt;
    FONT-FAMILY: DMSANS-REGULAR;
    box-shadow: none !important
}

.margin-left-36 {
    margin-left: -36px
}

.margin-left-74 {
    margin-left: -74px !important
}

.margin-top-8 {
    margin-top: -8px
}

.fontsize-13 {
    font-size: 13px
}

.background-color-white {
    background-color: #fff;
    border: 1px solid #d3d3d369;
    box-shadow: 0 1px #d3d3d369
}

.continue1 {
    padding-bottom: 7px !important;
    padding-top: 9px !important
}

.margin-left-48 {
    margin-left: 0
}

.fb.iconfont:hover {
    text-decoration: underline !important;
    color: #507dc3
}

.twt.iconfont:hover {
    text-decoration: underline !important;
    color: #6ea1ef
}

.gplus.iconfont:hover {
    text-decoration: underline !important;
    color: #f75002
}

.orangeclr:hover {
    text-decoration: underline !important;
    color: #e14504 !important
}

.frgt:hover {
    text-decoration: none !important;
    color: #d35b2f
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-top-15-min {
    margin-bottom: -15px !important
}

.margin-top-10-min {
    margin-top: -10px
}

.register-selfassessment .row {
    clear: both
}

.hrcustom {
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    display: block;
    unicode-bidi: isolate;
    overflow: hidden;
    box-sizing: content-box;
    clear: both;
    margin: 2px 0;
    margin-left: -16px;
    margin-right: -16px
}

.margin-bottom-20-min {
    margin-bottom: -20px
}

.margin-right-188 {
    margin-right: -15px
}

.color-yyyy {
    color: #000
}

.black {
    color: #000
}

.hover1:hover {
    text-decoration: underline !important;
    color: #337ab7
}

.width-birth {
    padding-left: 1px;
    width: 23%
}

.width-postcode {
    width: 30%
}

.width-gender {
    width: 100%;
    max-width: 320px !important
}

.width-year {
    max-width: 320px
}

.margin-padding-additionalinfo {
    width: 100%
}

.width-mob {
    width: 100%
}

.width-80 {
    width: 80%
}

.margin-width {
    margin-left: 100px;
    width: 83%
}

.yellowbox {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-left: 130px;
    width: 78%;
    margin-top: 2%;
    padding: 20px
}

.width-105 {
    width: 105px !important
}

.margin-left-28 {
    margin-left: 28px !important
}

.width-100 {
    width: 100px !important
}

.margin-top-58 {
    margin-top: -58px !important
}

@media only screen and (max-width:768px) {
    .backgrnd {
        background-color: #fff;
        min-width: 411px
    }

    .circle {
        width: 100%;
        margin: 12px auto 25px;
    }

    .divscroll-height {
        padding-left: 0
    }

    div.keepLearningDashboard {
        padding-left: 0 !important
    }

    .contactUs-container {
        width: 100% !important;
        padding: 0
    }

    .row.contactUs-header-text {
        padding-top: 75px
    }

    .contact-us-content {
        padding: 0 25px 0 25px
    }

        .contact-us-content a {
            word-break: break-all
        }

    .contactUs-container .registration_Background_img-step1 img {
        width: 100% !important
    }

    div.social-media-mobile {
        margin-top: 15px !important
    }

    .sb.subheader {
        height: 70px
    }

    .mobile-margin-top-10px {
        margin-top: 10px !important
    }

    .mobile-margin-left-17per {
        margin-left: 17% !important
    }

    .register .mobile-padding-top-0-important {
        padding-top: 0 !important
    }

    .mobile-remove-guter {
        padding: 0
    }

    .regiter-hr {
        border-top: 2px solid #dadada;
        margin: 0;
        margin: 15px 0
    }

    .width-100-mob {
        width: 100% !important
    }

    .marginleft12permob {
        margin-left: 0 !important
    }

    .mobileleft-rigth-marign-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .padding-left-125 {
        padding-left: 0 !important
    }

    .padding-left-25px {
        padding-left: 0 !important
    }

    .margin-left-54 {
        margin-left: 0 !important
    }

    .padding-left-8 {
        padding-left: 8% !important;
        clear: both
    }

    .padding-left-15 {
        padding-left: 15% !important
    }

    .margin-left-48 {
        margin-left: 0
    }

    .continue {
        margin-left: 18%
    }

    .margin-top-10-min {
        margin-top: 10px
    }

    .margin-bottom-10px {
        margin-bottom: 10px
    }

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 5px !important
    }

    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 8px !important
    }

    .margin-right-188 {
        margin-right: 188px !important
    }

    .margin-right-171 {
        margin-right: 171px !important
    }

    .color-yyyy {
        color: red
    }

    .margin-right-165 {
        margin-right: 165px !important
    }

    .margin-right-131 {
        margin-right: 131px !important
    }

    .margin-top-5px {
        margin-top: 5px
    }

    .width-birth {
        width: 83%;
        padding-left: 0
    }

    .width-postcode {
        width: 30%
    }

    .margin-padding-additionalinfo {
        width: 100%;
        margin-left: 0
    }

    .width-mob {
        width: 88%
    }

    .yellowbox {
        width: 100%
    }

    .width-80 {
        width: 100% !important
    }

    .slider-div {
        padding: 0 !important
    }

    .padding-top-6 {
        padding-top: 6px
    }

    .margin-left-4per {
        margin-left: 4%
    }

    .margin-left-12per {
        margin-left: 12% !important
    }

    .margin-left-40 {
        margin-left: 0
    }

    .clear-mob {
        clear: both !important
    }

    .margin-left-40 {
        margin-left: 0 !important
    }

    .register-additional-info-header, .register-label, .register-social-media-text {
        padding: 10px !important
    }

    .padding-bottom-25px {
        padding-bottom: 0 !important
    }

    .padding-top-bottom-10 {
        padding-bottom: 0 !important;
        padding-top: 10px !important
    }

    .mobile-margin-bottom-0 {
        margin-bottom: 0 !important
    }

    .padding-1week {
        padding: 0 !important
    }

    div.padding-module {
        padding: 13px 0 13px 0 !important;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: -10%;
        width: 68% !important
    }

    .font-size-21-mob {
        font-size: 21px !important
    }
}

.margintop10 {
    margin-top: 10px !important
}

.float-align-right {
    float: right !important;
    text-align: right !important
}

.width-125 {
    width: 125px !important
}

.margin-left-22 {
    margin-left: 22px !important
}

.margin-left-45 {
    margin-left: 45px !important
}

.margin-left-95 {
    margin-left: 95px !important
}

.margin-left-80 {
    margin-left: 80px !important
}

.margintop12 {
    margin: 12px 0 15px 0 !important
}

.width60 {
    width: 60px !important
}

.width95 {
    width: 95px !important
}

.width115 {
    width: 115px !important
}

.margin-left-32 {
    margin-left: -32px
}

.margin-left-40 {
    margin-left: -40px
}

.continue2 {
    margin-left: -4%;
    margin-top: 4%
}

a.removehover:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.continue3 {
    margin-left: -4%;
    margin-top: 5%
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

a.removehover1:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.clear-mob {
    clear: none
}

.lnkAddCustomTracker:hover {
    cursor: pointer
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-28 {
    margin-top: 28px
}

.margin-left-7px {
    margin-left: 7px
}

.padding-right-31px {
    padding-right: 31px
}

.padding-bottom-25px {
    padding-bottom: 25px
}

.padding-top-bottom-10 {
    padding-bottom: 4px;
    padding-top: 0
}

.border-radius-0px {
    border-radius: 0
}

.padding-left-12 {
    padding-left: 12px
}

.margin-top-minus-4 {
    margin-top: -4px
}

.btn:focus {
    outline: 0
}

.margin-top-38 {
    margin-top: -38px
}

.margin-top-22 {
    margin-top: 22px
}

.margin-top-54 {
    margin-top: -54px
}

.circlewidth50px {
    width: 50px
}

.pausedCircleInButton canvas {
    width: 40px !important
}

.circle.pausedCircleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 10px;
    color: #000
}

a.topdown:hover {
    text-decoration: none !important;
    color: #e36e48
}

.alignContent1 {
    padding-left: 5%;
    padding-right: 6%;
    text-align: center;
    padding-bottom: 0
}

.padding-left-40 {
    padding-left: 40px
}

.width-postcode2 {
    width: 50%
}

.padding-top-8px {
    padding-top: 8px
}

.margin-left-4 {
    margin-left: -4%
}

.padding-font {
    font-size: 15px;
    padding-left: 15px
}

.margin-top-27px {
    margin-top: -27px
}

.margin-left-39 {
    margin-left: -39%
}

.margin-left-12 {
    margin-left: 4%
}

.continue4 {
    margin-left: -3%
}

.nextclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 92px 10px 53px
}

.continueclr1 {
    color: #000;
    background: #f79c00;
    padding: 0 43px 5px 46px
}

.continue5 {
    margin-left: 33%
}

.margin-top-2per {
    margin-top: 2%
}

.padding-selfassessment {
    padding: 0 32px 0 15px
}

.padding-margin-evryday {
    padding: 0 70px 0 12px;
    margin-left: 0
}

.slider1 {
    margin-top: 2%
}

.slider1a {
    margin-top: -9px
}

.padding-top-17 {
    padding-top: 17px
}

.margin-top-1per {
    margin-top: 1%;
    padding: 0 89px 0 29px
}

.font-Montserrat-lightimp {
    font-family: Montserrat-Regular !important
}

.mousehandicon:hover {
    cursor: pointer
}

.selfassestextsizehead h2 {
    font-family: DMSans-Regular !important;
    font-size: 18pt !important
}

.selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12px !important
}

.selfassestextsizecontent h4 {
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    font-weight: 700
}

.font-weight-600imp {
    color: red !important
}

.SetcolorBlack {
    color: #000 !important
}

.padding-trackingremind {
    padding: 15px 33px 6px 37px
}

.enabletrackingreminder {
    padding: 0 0 0 20px;
    margin-top: -11px;
}

.padding-send {
    padding: 0 21px 6px 37px
}

.margin-send {
    margin-top: 0;
    margin-left: 0
}

.margin-left-2-neg {
    margin-left: -2%
}

.margin-freq {
    margin-left: 2%;
    margin-top: 0
}

.margin-freq1 {
    margin-top: 0;
    margin-left: 0
}

.margin-timezone {
    margin-left: 10%;
    margin-top: -3%
}

.margin-mssidn-input {
    margin-left: 7%;
    margin-top: -3%
}

.margin-via {
    margin-top: -4px;
    margin-left: 15px
}

.margin-left-4 {
    margin-left: 4%
}

.padding-snippet {
    padding: 15px 3px 8px 31px
}

.margin-top-8per {
    margin-top: -8px
}

.font-size-15 {
    font-size: 15px
}

.padding-trackingsetup {
    padding: 15px 3px 8px 43px
}

.padding-newtracker {
    padding: 13px 13px 13px 18px
}

.margin-left-4pos {
    margin-left: 4%
}

.continue6 {
    margin-left: -37% !important
}

.margin-left-30 {
    margin-left: -30% !important
}

.margin-left-62 {
    margin-left: -62px;
    margin-bottom: 15px
}

.margin-left-20min {
    margin-left: -20px
}

.margin-0 {
    margin: 0
}

.slideralign {
    margin-top: 5px
}

.slideralign2 {
    margin-top: -22px
}

.slideralign1 {
    margin-top: 5px
}

.profilepadding {
    padding: 5px 41px 25px 25px
}

.margin-bottom-4 {
    margin-bottom: 4%
}

.selfassessmentpadding {
    padding: 0 7px 0 41px
}

.resultselfpadding {
    padding: 0 45px 35px 45px
}

.resultselfpadding1 {
    padding: 0 45px 35px 45px
}

input[type=radio]:checked ~ .cr .customRadioColor1:before {
    background-color: #006e8b;
    content: " ";
    height: 10px;
    width: 10px;
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    border-radius: 50px !important
}

.margin-left-118 {
    margin-left: -38%
}

.margin-continue {
    margin-left: 45.5%;
    margin-bottom: -3%
}

.margin-left-42 {
    margin-left: 42%
}

.margin-bottom-1 {
    margin-bottom: 1%
}

.Forget-Padding {
    padding-right: 10px
}

.margin-bottom-100 {
    margin-bottom: 100%
}

.btn-login {
    margin-left: 110%;
    margin-top: 10px
}

.login-label {
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    margin-top: 10px
}

.margin-left-236px {
    margin-left: 190px
}

.margin-bottom-70 {
    margin-bottom: -70% !important
}

.panel-hide-show1 {
    margin-top: 5px !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

.border {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 7px;
    box-shadow: 0 2px #ddd
}

.padding-left-42 {
    padding-left: 42px
}

.margin-bottom-15px {
    margin-bottom: 15px !important
}

.margin-left-83 {
    margin-left: 83%
}

.margin-top-4 {
    margin-top: 4%
}

.padding-right-5 {
    padding-right: 5px
}

.margin-left-31 {
    margin-left: -31px
}

.margin-left-7 {
    margin-left: 5%
}

.margin-top-1percen {
    margin-top: 1%
}

.margin-left-15per {
    margin-left: 15%
}

.margin-left-7px {
    margin-left: -7px
}

.margin-left-2point5per {
    margin-left: -2.5%
}

.padding-left-33px {
    padding-left: 33px
}

.next-finish {
    margin-bottom: -33px;
    margin-top: 2%
}

.margin-left-75 {
    margin-left: 75px
}

.margin-left-40per {
    margin-left: 40%
}

div .btn1 {
    margin-left: -10px;
    min-width: 28%;
    font-size: 15px;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer
}

.margin-bottom-4 {
    margin-bottom: -4%
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

    .fa-info-circle:hover {
        color: #000 !important;
        text-decoration: none !important;
        display: inline-block;
        cursor: pointer
    }

.recommendedFactor {
    font-family: Montserrat-Bold !important;
    color: #000
}

.modal-backdrop {
    z-index: 100 !important
}

.dropdown-menu.loginbox {
    z-index: 99
}

.margin-left-1 {
    margin-left: 1%
}

.Profile-Questionnaire-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    font-family: Font-Montserrat-Regular;
    font-size: 20px
}

.content-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 13px
}

.content-link {
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 17px;
    padding-bottom: 3%
}

    .content-link:hover {
        text-decoration: underline !important
    }

.complete-label {
    padding-left: 4%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 14px
}

.padding-0-important {
    padding: 0 !important
}

.trackingTrackers {
    margin-left: 22px
}

.dashboardTrackers {
    margin-left: 38px;
    margin-top: 0
}

.marginBottom4Percent {
    margin-bottom: 4%
}

input[type=radio]:checked ~ .cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.marginBottom4Percent {
    margin-bottom: 4%
}

.padding-top-20Percent {
    padding-top: 28%
}

.emptyModuleMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 10px
}

.iconfont1 {
    font-size: 20px !important
}

.getstartedbutton {
    padding: 5px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    cursor: pointer;
    display: inline-block
}

.padding-1week {
    padding: 0 0 63px 126px
}

.margin-top-14 {
    margin-top: 14% !important
}

.letter-spacing-2px {
    letter-spacing: 2px
}

.letter-spacing-3px {
    letter-spacing: 3px
}

.letter-spacing-5px {
    letter-spacing: 5px
}

.padding-7week {
    padding: 12px 4px 10px 10px
}

.getstartedbutton-width {
    width: 20%;
    margin-left: -2%
}

.margin-left-5neg {
    margin-left: 5%
}

.lead1 {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4
}

.margin-top-14px {
    margin-top: 14px
}

.profile-align {
    margin-top: 10px !important;
    top: -2.5px !important
}

.profile-align-1 {
    top: -7.7px !important
}

.profile-align-12 {
    margin-top: 7px !important
}

.profile-align-2 {
    top: -2.7px !important
}

.profile-align-17 {
    margin-top: 10px !important
}

.profile-align-3 {
    top: -7.7px !important
}

.profile-align-4 {
    top: -7.7px !important
}

.activeModulePannel .panel-footer:hover {
    cursor: pointer
}

.questionnair-margin {
    margin-top: 11.5px !important
}

.questionnair-margin-1 {
    margin-top: 9px !important
}

.margin-left-5-neg {
    margin-left: -5%
}

.margin-bottom-10per {
    margin-bottom: 10%
}

.margin-left-3 {
    margin-left: -3px
}

.dashboardDatePickerWeb {
    margin-left: 0;
    padding-left: 0
}

.padding-left-30 {
    padding-left: 30px
}

.padding-right-0 {
    padding-right: 0
}

.symptomScreenerSlider {
    padding: 0 30px 0 50px;
    margin-top: -20px
}

.PhImpactInSymptomScreener {
    padding-left: 51px;
    padding-right: 47px
}

.symptomScreener {
    margin-bottom: 0%;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: 15px;
}

.gad7Silder {
    margin-left: 30px
}

.margin-left-10pix {
    margin-left: 10px
}

.margin-left-15pix {
    margin-left: 15px
}

.margin-left-6pix {
    margin-left: 6px
}

.margin-left-50pix {
    margin-left: 50px
}

.margin-left-30pix {
    margin-left: 30px
}

.margin-left-10pix-descrease {
    margin-left: -10px
}

.margin-left-40pix-decrease {
    margin-left: -40px
}

.sliderPhQ9Impact {
    padding: 0 0 0 30px;
    margin-left: 20px
}

.socialActivity {
    margin-left: 18px
}

.socialActivityQuestion p > b {
    font-family: Montserrat-SemiBold
}

.moreThanHalfDays {
    position: absolute;
    margin-left: 47%
}

.severalDays {
    position: absolute;
    margin-left: 61%
}

.yellowboxInSymptomScreener {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-top: 2%;
    padding: 20px;
    margin-bottom: 30px
}

.PhqThoughtOption1InSymptomScreener b {
    margin-left: -90px
}

.PhqThoughtOption2InSymptomScreener b {
    margin-left: -50px
}

.PhqThoughtOption3InSymptomScreener b {
    margin-left: -15px
}

.margin-left-4PerInSys {
    margin-left: 4% !important
}

.symptomModal {
    padding-bottom: 15px
}

.jumpToInfo {
    margin: 15px 0 15px 0;
    padding: 10px 0 10px 0;
    background: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-family: Montserrat-SemiBold;
    color: #553c54;
    letter-spacing: 2px
}

@media only screen and (max-width:420px) {
    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

    .symptomScreenerSlider {
        padding-right: 0;
        margin-left: -34px;
        margin-top: 0
    }

    .footermargin {
        margin-left: -5px
    }

    .PhImpactInSymptomScreener {
        padding: 0;
        margin-top: -10px
    }

    .symptomScreener {
        margin-bottom: 10%
    }

    .gad7Silder {
        margin-left: 0
    }

    .sliderPhQ9Impact {
        padding-right: 18px;
        padding-left: 15px;
        margin-left: -3px
    }

    .socialActivity {
        margin-left: 0
    }

    .btn-White {
        margin-top: 10px;
        margin-left: 0
    }

    .suicidalBoxInSymptomScreener {
        margin-top: 10px;
        margin-bottom: 5%
    }

    .mobile-margin-bottom-20per {
        margin-bottom: 20%
    }

    .selfAssessmentInDashboard {
        padding-bottom: 30px
    }
}

.orange-link:hover {
    text-decoration: underline !important;
    color: #e14504;
}

.margin-left-paused-circle-22 {
    margin-left: 0
}

.margin-left-15px {
    margin-left: 15px
}

.margin-left-48px {
    margin-left: -50px
}

.margin-left-minus65px {
    margin-left: -65px
}

.top-5px {
    top: 5px
}

.margin-top-5-tracker {
    margin-top: 5px
}

.tracker-social-right {
    margin-left: 17px
}

.margin-left22px {
    margin-left: 22px
}

.margin-right-5px {
    margin-right: 5px
}

.margin-top-tracker-40 {
    margin-top: 40px
}

.img-handsign-hover:hover {
    cursor: pointer
}

.close-hover:hover {
    text-decoration: none !important
}

.custom-color {
    color: #f37d31 !important
}

.iconset .palyicon {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.bckcolor {
    background-color: #f7f7f7
}

.modalbackcolor {
    background-color: #fff
}

.height-350 {
    height: 350px
}

.padding-20 {
    padding: 20px
}

.Changecursor a:hover {
    cursor: pointer
}

.Fontsize14 h2 {
    font-size: 14px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

a.activeRegister {
    font-size: 12px !important;
    color: #000 !important
}

.sessionButton {
    background: 0 0;
    border: none;
    width: 100%
}

    .sessionButton:hover {
        cursor: pointer
    }

.modalResetPassword .modaltext {
    font-size: 18px;
    height: 80px
}

.modalResetPassword .modalfooter {
    border-top: 1px solid #000
}

.forgot-password-input input, .logininput, .resetPasswordInput input {
    max-width: 340px !important
}

.btnResetPassword {
    color: #000;
    background: #f79c00
}

.resetPasswordInfo {
    color: #e14504;
    font-size: 12pt
}

.navigation {
    padding-left: 0 !important;
    padding-right: 3px !important
}

.margin-top-10-per {
    margin-top: 10%
}

.dashboardHeaderTracking {
    color: #d35b2f !important;
    font-family: Montserrat-Light;
    font-size: 13px
}

    .dashboardHeaderTracking:hover {
        color: #d35b2f !important
    }

@media only screen and (max-width:400px) {
    .healthCareHeight {
        line-height: 24px
    }
}

.color-light-brown {
    background: #eff0ea
}

.color-dark-brown {
    background: #d8d8d4
}

.btnWidthMarginLeft {
    width: 20%;
    margin-left: 40%
}

.btn.btnHover:hover {
    color: #555 !important
}

.orange {
    color: #f79530 !important
}

.dark-orange a {
    /*color: #f79530 !important*/
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.underline a {
    text-decoration: underline #e14504;
}

.glyphicon-2px {
    top: 2px
}

.Box-border {
    border: 0 solid #ddd !important
}

.margin-top-complete {
    margin-top: 40px !important
}

.color-black {
    color: #333 !important
}

.selfAssessmentInDashboard .selfAssessment {
    color: #31251b !important;
    font-size: 33pt !important;
    font-family: DMSANS-REGULAR !important;
    padding-left: 30px;
    letter-spacing: 0 !important;
    padding-top: 30px
}

.glyphicon-top {
    top: 2px !important
}

.continue-padding {
    padding: 14px 34px !important
}

.report-overview-calendar {
    width: 10% !important;
    position: relative !important;
    top: -28px !important;
    left: 85% !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

input[type=text].share-mycompas-name {
    border: 1px solid #ccc !important;
    box-shadow: none !important
}

.paragraph-after-li {
    padding-left: 38px
}

ul.numbering {
    list-style-type: none !important;
    margin-left: 7px !important;
    padding: 0 !important;
    color: #111
}

.numbering li {
    float: left;
    display: block;
    text-align: center
}

.numberlist {
    position: relative !important
}

.QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 10px !important
}

.QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 10px !important
}

.numpadRight0 {
    padding-right: 32px !important;
    padding-left: 9px !important
}

.numpadRight1 {
    padding-right: 34px !important
}

.numpadRight2 {
    padding-right: 32px !important
}

.numpadRight3 {
    padding-right: 32px !important
}

.numpadRight4 {
    padding-right: 31px !important
}

.numpadRight5 {
    padding-right: 32px !important
}

.numpadRight6 {
    padding-right: 31px !important
}

.numpadRight7 {
    padding-right: 32px !important
}

.numpadRight8 {
    padding-right: 32px !important
}

.numpadRight9 {
    padding-right: 27px !important
}

.padding-left-36per-mob-0per {
    padding-left: 36%
}

.iconset .treatment-play-icon {
    width: 128px;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.4);
    font-size: 55px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    height: 127px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAB/CAYAAADGvR0TAAAACXBIWXMAABcRAAAXEQHKJvM/AAAL6UlEQVR4Xu2d7XXjthKGn/jc/1YH5q3ASgVmKljfCpZbwToVhKkg2goiVxC7gtAVRK4gVAdSBbg/RljSWnIA8EP8EJ9zcNYrjGSR78xgAIL0T8YYZkgMRKe2AtalvocfzQHYA3np/1np3wOwY2b8NAPx41Nbn9qdZtySN8RBslPL603HzxTFj4BHRPBPqmX/7BEneKHIEJNhKuJHiOAJcK9aDssr4ggvTMARxi5+cmp14/RYOSIOsGHEtcIYxV8BT6d267CdAm/A9tRGxZjEj4AUSe99in5e1Vv6zi575Pi2utnlGIP4NtJ/cxl6skdS7Q4ROT/9HDIGrymmiBHFTKILpxyNEwwt/hNyItqc1HeKqVdGmMihWCeIaZ+h3pBjz3Sz/hhK/BgphppW7raqzhh2rr1GCtJHmq8vPCNB0KfTVnJp8VeIt3912FXxTlE4XfxEeWAdISE8IxyR97047DrlkuKvkYMLjZBnRPBMNxsVCeLkocf6irz3Ms5tjLlES004W2NMZNyfPeYWG2MyE0ZujFkb92e3bk6Dlm1ljHkxYWzN9EU/b7ERUUN4Mu7PbdWcBi3a2hizM/5k5kIeP2BLjDEH48/WuD+zcetrzF8jY7RP4XNEqt2tw24urJCZzmeX4Yl3ZHbUeR1w4zJoQAL8g5/wr8giylY3mxUH5Bz9giz4uLhHAmnlsAuma/ET4E+XERLtX5D5cecePREyJEO+OuxAHCDn46aU1nSZ9hP8hH9HbHcOu2siwe/cHZEhoJNz15X4CX5f/rLz2GnhWyd15gBdpP0EP+G/cd1p3sUOqX/eHXa3SI3UugZoG/lrpLhz8YXrKurasEJWQl2XmFvPAtpEvk1TLhbhwzggoj477O5peV6bir9CfrFrfFqEb06C2wE+IWsGjWgq/hb35dhF+PYkuB3g68kumCZjfop7180ifHeskOFVC7ZGM4BQ8X0KvG/Icu1Cd/g4wDuBi0Ahad9WoRqvLML3gV0SPio290hW9iYk8jfoO3BaTz0WnMTA3w6bn/FM/76RH6MLb7chLcL3Swb87rDZOvq/4yu+azrxhKe3LbQmRXb+1uGd/n3S/hPwh9L/iizbLlyOCAm2unWWI1L85TX9gFv8FfIB2i+JWNL9ELiC8hnH/N+V9p/QV/GeGEb4NcW+/ReuM/Ns0NP/ZxxTPy3yI+Dfuk7kF8dKf19EVKe8N66v9ohooZEW+anSB8PN51Oqs9EDsgC1pYPLnRMhRxbV6niggfgr9A2GzwwXYZGj/zNyUoZyzkuToi/+JHUddeK7Tlzq6B+aW6QYyhlmaLokB/Sp+GdqAqaJ+M8Me3NkCHfIiliGO2NMmQ169KdVL1aJn6BX+KnSN1YekMJowzzrAVf0P1Jx3HXi1zGlqK/iK/OtB7Tov6ViOnwufoS+d2yr9E2FudYDB/Srrsn5C+fia4sl9gkYY0Zb9DhnjvWAlvofODvOc/ET6tkqfWMhxv82KMuc6oEd+tbvD8FdFj9C3ymyVfrGRIYcy6/oFfA5c6kHtkpfUv5PWXwt5b8yzBp+GzaIE2grYOfYemDHdOsBbdy/p5TdyuLHP5gWaB84Zg5IJP9MWD1wj9QDL0yvHsjxTP1l8T9VGFoypW8K2Ej+H2H1wCekHkiZVj2wVfpi+4MV//sLFbwz7bl9GRvJvxNWD/yGnINENxsNmdIX2x98xM+UvqmSIk7wrJt94Ba5IXUK9cCOeue+45TFrPjrGkOYp/hQbIeeaz2QKX0xXLf4lrnWA5nSt4ZC/Lsaoz3Tm+I1ZW71wE7p+y5+rBhpHzBXUuZRD2RKXwQifqQYXaP4MJ96oG4Yuwe3+LnSdw3YSP5CeD2wY/h6IFf6ohv0L5crfdfEFhknQ+qBW6Qe2DFcPaBl7ugGvdLPlb5r44BE8pqweuAOqQcyLl8PqMX6+SXdc3JH/zWSUzxBM6QeeEDqgS2Xqwc08WOX+Av1ZDSrBz5zuXpALdhv0P+27IKbLe3qgUeHbW9okZ8rfQsfaVMP/MXlhoEPLGm/W3Ka1QNPLoM+WMTvhwwR1HcYiFwGfbCI3z0rpA74B/dDKi2Zy6APFvG7JUVS/2fd7APvDLQ59ob6ql67eWPhIzEi+m/4RzvI5tKYga6c/gf50nWXdBd0IiRqQwPlDSkMc92sX5a034wVsjX8X8KE3yMzgZjLCB8rfblLfG3d/1p5QoT76rArc0RuIokYqLirIL9B/zJ9Lz9OiRgR/Q/Cx/UI97MM+0AN3iXy3URIgPxNWG30BvyX4Z5YBnrwZq7Ij5S+uTOVcV1D/d436F55rZE/h3E9UvreQKZ62mW/axM/RqZuIekdZFxPGS69V6Fpl0Mx5tddhLjlOlJ/hGy6bDKu/8yw43odmvg7KMTP6+0uvvXokqyQiP0X/UbVc/bITR4x493hHCt9H8TP6u1mK35CsSTryxHZtBEx/tvWtWIvAxnzv/+nhkelb4rESBWvPYWkimfGmd6r0DT7PsSX037dBZ5b5lH4RRTjeojwdlxPmIbwoGfrzP5QXuT5/mIFidI3duY8rtehRX5mfyiLr41hU039CfMe16tYUz9jOdIg8u+YVuqPkWj9k7B1+GdE9FQ3GzWJ0vfBmcviH5CnbtWRKH1jIeJ6xvU6EqWvVvwfOs9IlL6xcE3jehUJ+t9Dcopft+P0lmk4gA92XF8zzXG9jkTp++E4z8U/VBmVSJW+qfCMiJ4y/RRfZk3gQ7OrrudvKl6z3DHdFb835FJrwvCXWvvgSenbU1HQV4m/Q7/bJFX6xsgeuZkyZhyXWvsgQt8unla9WLeTZ1vzOjj+YtOIKI/rW9108qRK3w+FnkUTv2651/aPmbmO61XE6FG/oeYc1IkPujfdMVzlrxWkcx/Xq0iVviNaDWeM0Vpu6jkYY1Y17+uzrYwxmflIboxJPN47t5YYndQo73f9IeUEWSKt45nhMsAjxV+KfmH+6f2cFXLs2qJOhHJeXOKDVMja/PEX5ltFj5kX9NXMX3HcK+AjfoysldexRyLw2iJvSB6RJ3rUscdj76VW8Fky9EeN3DH+6n9OrHCf78TRD/iJD+6nTHzC8xcutOYF/TL1NzyHYZ+0b3GlGpDLojuHzUJzNug3kjiLvDK+kQ/icdr1fhCPWzlsFpqR4L6D6BFP4SFMfJAvoK383bI4QB+s0afcEJDuLSFp37JGHjak8cY01v+nwBoRVRvn32mwzS408kHG9F8dNg+4K9IFNz7CH2m4wbaJ+CCFhzb9A7nYsHXYLNTjIzyI8LnDppKm4oOM/+8OG+sASw0Qhq/wXwgc58s0GfPLrJBf7top+47UAN6V6BXjK/w3Wj62tU3kg4gZ437M6D1yQMFFyZWR4PfkzmdaCg/txYdwB4h1s6tlg3s6Bx1eSe1CfCj+EJHLAW6Ri0Spw+6asEOnawEHOhQeuhMfCgdwFYEg985leFx5mjm2UtcumVs6FR66FR/CHOABsW89dk2QFbJc/hfu8R2kuEtcRqF0LT4UNYDrOgDIgf/BdWWBBIl239vKvtBTgPQhPogDPCIe68MDcp/dhvmuCcSIk/veOXxEdkltHXbN0Tb4ddQSI5s9fTkY2Xg4xObQPlpkjNmaMHZG3uf67FbNadBRWxs5oBCm7gRrEy66McZsjPuzO2ltV/hCSQl7SgYUd5xsmMZGkeTUfCr4MvYCTeaw64xLiw8y9m1wLwlX8Y6MgS80vJjRE2sK0X3G83O+McDdRUOIb0mRKrbJyYLCETKGyQiPiCM/EvbUzjJ7xGEy3awfhhQfiuffaPea+XBETmCGOEKm2DYhQqJ7jQgemtLPOSLHvXHY9crQ4lvWyIloe1LL7JGhYYek0wN+GSI+/btGpp1dfid779yGC6f4KsYiviVG0mDbTDA2RiW6ZWziWyIkLT7SvCYYA3vkOF4YkeiWsYpvWSEOkNBt+u0TOzXd0n3t0SljF79MROEITaaJfWIFt20STEn8MjYjxKfWdKrVhjeKGUamGY6VqYp/zgpxAjsdi+g2O7xRzBx2TFTsc+Yifh0RxaXiuNbqIznF6mFWazUD/g9/vnuvLV9VeQAAAABJRU5ErkJggg==)
}

.treatment .fa-play-circle-o:before {
    content: "" !important
}

.newUserModal-dialog {
    margin-top: 80px;
    position: relative
}

    .newUserModal-dialog p {
        color: #333
    }

.newUserModal-footer {
    text-align: center;
    padding: 7px 0 7px 0;
    font-family: DMSANS-REGULAR
}

    .newUserModal-footer .btn:hover {
        color: #333 !important
    }

.symptomModel-footer .btn-White:hover {
    color: #333 !important
}

.marginleft12permob {
    margin-left: 12%
}

.padding-left-25px {
    padding-left: 25px
}

.padding-left-41per-mob-0per {
    padding-left: 13%
}

.reg-or {
    float: right;
    left: 8px;
    position: relative
}

.mobile-margin-left5per {
    margin-left: 14px
}

.knowledgeCentre-InterestArea {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .3px !important;
    margin: 2px 0 14px 15px;
    width: 250px;
    font-weight: 400
}

.knowledgeCentre-QuickLinks {
    color: #e14504 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.knowledgeCentre-QuickLinks-Headings, .knowledgeCentre-QuickLinks-Headings a {
    color: #e14504 !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    font-family: DMSans-Regular !important;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledgeCentre-InterestAreaName {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
    text-transform: uppercase
}

.knowledgeCentre-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-IntrestAreaTopics {
    color: #000;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-SelectedIntrestAreaDescription {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
}

.Tracking-Summary-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Tracking-Summary-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

.Tracking-EditTracking {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-From {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-To-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Share-Progress {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important;
    letter-spacing: 0 !important
}

.Tracking-TarckingData {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Reporting-Heading {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.tracking-analysis {
    color: #000 !important;
    letter-spacing: 0 !important;
    cursor: pointer
}

    .tracking-analysis b {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 16px;
        letter-spacing: .4px;
        font-weight: unset !important
    }

    .tracking-analysis ul {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: unset !important
    }

.tracking-analysis-description-2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-analysis ul li b {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.Tracking-Reminder-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important
}

.Snippets-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Main-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Your-Favourite {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Snippets-Edit {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippets-SnippetTypeData {
    letter-spacing: .4px !important;
    font-family: DMSans-Medium !important;
    font-size: 14.024pt !important;
    color: #e14504 !important;
    padding-top: 0
}

.Snippet-About-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Light !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    padding-left: 3px !important;
    height: 33px !important
}

.Snippet-FavoriteSnippetData-Text {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21pt;
    font-weight: 400 !important
}

.Snippet-FavoriteSnippetData-Author {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 18pt !important;
    letter-spacing: -1px !important;
    font-weight: 400;
    line-height: 2.8pt
}

.Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 16.8pt !important
}

.Profile-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Profile-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

.Profile-Breadcrumb {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Profile-Detail-Labels {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px
}

.Profile-Detail-inputs {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px;
    border: 1px solid #e14504 !important
}

.Profile-Save-Button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 14.5pt;
    font-weight: unset !important;
    border: none
}

.Continue-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Continue-Button-Modal:hover {
        color: #fff !important;
        background: #e14504 !important;
        text-decoration: none !important
    }

.Save-Button-Modal {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Save-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.PhSuicidalThoughts-Heading {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.PhSuicidalThoughts-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Continue-Button {
    color: #31251b !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors-Active {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important;
    margin-left: 22px;
    line-height: 16.8pt
}

.Profile-Description {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div h2, .resultselfpadding1 div h4 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    line-height: 23pt;
    font-weight: 700 !important
}

.resultselfpadding1 div p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Description2 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt
}

.Register-link {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.menu-login-bold {
    color: #272727 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14pt !important;
    line-height: 16.8pt !important
}

.login-password, .login-username {
    color: #393939;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0
}

.login-forgot-link, .login-or-label {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.login-rememberme {
    color: #393939;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

.login-btn-facebook, .login-btn-twitter {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.login-btnlogin {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.navigation-menu {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    line-height: 16.8pt !important
}

.navigation-menu-withoutLogin {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.myCompass-text {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.personalize-text {
    color: #2e102d !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 1px !important
}

.get-started-button {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important;
    padding-left: 36px;
    padding-right: 36px
}

.jumpToInfo-Text {
    color: #000 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.catagory-menu-Text {
    color: #7e8180;
    font-family: DMSANS-Medium !important;
    font-size: 14px;
    letter-spacing: .5px !important
}

.getstartedIn5-text {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.printbrochure-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.catogory-under5-minutes {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.your-treatment-number1, .your-treatment-number14, .your-treatment-number7 {
    color: #fff !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 1px solid #e14504;
    text-align: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    padding-top: 3px;
    border-radius: 24px;
    background-color: #e14504 !important
}

.your-treatment-number14 {
    letter-spacing: 0 !important
}

.your-treatment-Heading1 {
    color: #e24201 !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    font-family: DMSANS-BOLD
}

.your-treatment-Heading2 {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 2.3px !important
}

.your-treatment-number14, .your-treatment-number7 {
    margin-right: 10px
}

.your-treatment7-Heading1 {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    position: relative;
    top: 4px
}

.your-treatment7-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    position: relative;
    line-height: 16.8pt;
    top: 4px
}

span.letter-spacing {
    letter-spacing: 2px !important
}

.your-treatment14-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    position: relative;
    top: 4px
}

.your-treatment14-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    position: relative;
    line-height: 16.8pt;
    top: 4px
}

.your-treatment {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.your-treatment-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt
}

.your-treatment-number {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 56px !important;
    letter-spacing: 7px !important
}

.youTreatment-textwithnumber-7 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-1 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-2 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 21px !important;
    letter-spacing: 2.3px !important
}

.padding-right-4 {
    padding-right: 4px
}

.Try-oneActivity-text {
    color: #2e102d !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .9px !important
}

.Try-activity-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.About-Program-Btn {
    color: #e14504 !important;
    background-color: transparent !important;
    font-family: DMSans-Medium !important
}

.myCompass-made-me {
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 22px;
    letter-spacing: 0 !important;
    font-weight: 700
}

.best-of-all-text {
    color: #31251b !important;
    font-family: DMSans-Bold;
    font-size: 22px !important;
    letter-spacing: .5px !important
}

.get-yourself-text {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.getstarted-in-mademe-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px
}

.footer-menu {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
    text-decoration: none !important;
}

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0
}

.person-text {
    color: #000 !important;
    font-family: DMSans-Medium;
    /*  font-size: 18pt !important;*/
    letter-spacing: 0 !important;
    /* line-height: 21.6pt;*/
    width: auto !important;
    height: auto !important;
    margin: auto;
    float: none;
    font-weight: 400 !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
}

.Activity-Completing-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
}

.Activity-Landing-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 42pt !important;
    letter-spacing: 2px !important;
    line-height: 50.4pt;
    padding: 0 25px;
    word-break: break-word
}

.Activity-Landing-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Activity-Keep-Learning-Description {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    /*  padding-left: 30px;*/
    margin-bottom: 30px;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    margin-top: -5px !important;
}

.Profile-Questionnaire-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    font-weight: unset !important
}

.Profile-Questionnaire-Question-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factor-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    font-weight: 700 !important;
    line-height: 23pt;
    justify-content: center;
    padding: 20px 0
}

.Profile-Tracking-Reminder-Dropdown {
    background-color: TRANSPARENT;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 2px solid #e14504
}

.Profile-Tracking-Reminder-Checkbox {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Enable {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    min-width: 200px;
    margin-left: 0px;
}

.Default-Snippet-Types {
    font-family: DMSans-Medium !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    margin-left: 18px;
    margin-left: 40px;
}

.Profile-Tracking-Reminder-Dropdown-Headings {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-TrackingReminders-Dropdown-Headings2 {
    text-align: center;
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
}

.Tracking-Complete-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-Currently-Empty-Heading {
    color: #bcbcbc !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .8px !important;
    font-weight: unset !important;
    text-align: center
}

h1.text-center.register-header {
    font-family: DMSANS-BOLD;
    font-size: 27pt
}

h2.text-center.register-header {
    font-family: DMSANS-REGULAR;
    font-size: 27pt
}

.register-header {
    color: #272727;
    font-family: "DM Sans",sans-serif
}

.register-header2 {
    color: #000;
    font-family: DMSans-Medium;
    font-size: 18px;
    letter-spacing: 0
}

.register-already-registered {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

    .register-already-registered .orangeclr:hover {
        color: #e14504 !important;
        text-decoration: none !important;
    }

.register-header-account, .register-step1 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

.register-step2 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    letter-spacing: 0 !important
}

.register-step1-p {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 27pt !important;
    line-height: 32.4pt;
    letter-spacing: 0 !important
}

.register-aside-header {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 33pt;
    letter-spacing: 0;
    padding: 0;
    font-weight: unset !important
}

.register-topic-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    padding: 0;
    z-index: 1 !important
}

.register-select {
    background-color: TRANSPARENT;
    font-family: DMSans-Regular;
    font-size: 14pt;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 2px solid #e14504
}

.register-additional-info-header {
    color: #272727;
    font-family: DMSANS-REGULAR;
    font-size: 33pt;
    padding: 0;
    letter-spacing: 0 !important
}

.register-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.register-step2-header {
    color: #272727;
    font-family: Montserrat-Medium !important;
    font-size: 18px;
    letter-spacing: 0 !important
}

.register-step2-sub-header {
    color: #000;
    font-family: Montserrat-medium;
    font-size: 18px;
    letter-spacing: 0
}

.Prev-Button {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    cursor: pointer !important
}

    .Prev-Button a {
        color: #c93600 !important;
        font-family: Montserrat-Medium !important;
        font-size: 14px !important;
        letter-spacing: 0 !important;
        cursor: pointer !important
    }

.register-step2-sub-description {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    top: -2px;
    line-height: 16.8pt;
    margin-top: 30px;
}

.register-question-header {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important
}

.register-option-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-header {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-body, .register-previous-link {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.register-contine {
    color: #31251b;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.Activity-Active {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    /*  margin-top: 14px !important;*/
    font-size: 14pt !important;
    letter-spacing: .5px !important;
    font-weight: 700;
    margin-top: 80px !important;
    margin-bottom: 20px !important;
}

.Activity-Active-Panel {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Active-Percentage {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 31pt !important;
    letter-spacing: 1.5px !important;
    font-weight: 700
}

.Activity-Active-PanelFooter {
    color: #e14504;
    font-family: DMSans-Medium !important;
    border: 0;
    font-size: 15pt !important;
    letter-spacing: .4px !important;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.Activity-Recommended {
    color: #e14504 !important;
    font-family: DMSans-Bold;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    /*   margin-top: 15px !important;*/
    padding-left: 15px;
    /*  margin-bottom: 15px;*/
    text-transform: uppercase;
    line-height: 16.8pt;
    margin-top: 50px;
    margin-bottom: 10px;
}

.Activity-Recommended-Headings h5 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    padding-left: 15px !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important
}

.Activity-Recommended-Modules {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    line-height: 16.8pt;
}

    .Activity-Recommended-Modules .inner {
        padding-left: 30px !important;
    }


.Activity-Recommended-Modules-Inner-Percentage {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-KeepLearning {
    color: #e14504 !important;
    font-size: 42px;
    font-family: DMSans-Regular;
    margin-top: 50px !important;
    margin-bottom: -7px !important;
}

.Activity-KeepLearning-Modules {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    vertical-align: middle;
    display: table-cell;
    line-height: 16.8pt;
    margin-left: 10px;
    margin-right: -15px;
}

.Activity-KeepLearning-Circle-Percentage {
    color: #e14504 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-Main-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 42pt !important;
    letter-spacing: 2px !important;
    line-height: 50pt
}

.Activity-Main-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important
}

.Tracking-Main-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Activity-Empty {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .6px !important
}

.Activity-Module-Name {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .6px !important;
/*    border-top-left-radius: 20px;*/
    text-align: left !important;
  /*  border-top-right-radius: 20px*/
}

.takeSelf-Assessment-text {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    letter-spacing: 0 !important;
    line-height: 40pt
}

.takeSelf-Assessment-desc {
    color: #000 !important;
    font-family: DMSans-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
    width: 350px !important;
    padding-top: 30px !important
}

.take-screener-tab {
    color: #31251b !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

    .take-screener-tab:hover {
        color: #31251b !important;
        font-family: DMSans-Medium !important;
        font-size: 14pt !important;
        letter-spacing: .4px !important
    }

.over-time-text {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100
}

.self-asessment-questions {
    color: #000 !important;
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    letter-spacing: .5px !important
}

.self-asessment-options {
    color: #000 !important;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt !important;
    letter-spacing: -1px !important;
    margin: 0
}

.Profile-Snippet-Setup-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.selfAssessmentInDashboard .SelfAssessmentRegisterLink {
    display: none !important
}

.radio label {
    padding-left: 13px !important
}

.radio.registerLabel label {
    padding-left: 4px !important
}

.knowledgeCentre-padding-left-right {
    padding-left: 30px !important;
    padding-right: 30px !important
}

li.icon.open .menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    font-weight: unset !important
}

.Dashboard-FeatureSnippet {
    background: #fff5e8;
    color: #000;
    font-family: DMSANS-REGULAR;
    font-size: 33pt;
    font-style: normal;
    font-weight: 400;
    padding: 30px 0 0 0;
    margin: 0;
    width: 100%
}

.SelfAssessment-SeveralDays-Description {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR;
    font-size: 10pt !important;
    letter-spacing: 0 !important;
    text-align: left;
    margin-top: 10px !important
}

.tab-content .submittedPHQGAD p b {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.tab-content .submittedPHQGAD p a {
    font-family: DMSans-Medium !important;
    margin-top: 14px;
    width: 74%;
    padding: 7px 12px;
    background: #e14504;
    border-radius: 50px;
    color: white;
    border: 2px solid #e14504;
    border: none;
    text-transform: uppercase;
    font-size: 12pt !important;
    text-decoration: none;
}

.SelfAssessmentRegisterLink:hover {
    background-color: #ff0
}

.tab-content .submittedPHQGAD p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-ViewSnippet {
    color: #000;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt;
    font-style: normal;
    font-weight: 400 !important;
    pointer-events: initial;
    text-align: center;
    cursor: pointer;
    line-height: 14.5pt;
    letter-spacing: 1.33px;
    padding: 10px 50px 10px 50px;
    border: 1.5pt solid #e14504;
    background: 0 0
}

    .Dashboard-ViewSnippet.viewAllActivities {
        text-transform: uppercase;
        margin-bottom: 50px !important;
    }

.Dashboard-Snippet-Heading {
    color: #000;
    font-family: "DM Sans Medium",sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.Dashboard-Snippet-Author {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Knowledge-Center {
    color: black !important;
    font-size: 33pt;
    font-family: DMSans-Regular
}

.Dashboard-Completed {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .5px !important
}

.Dashboard-Active-Module-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.Dashboard-Active-Button-LetsGet {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Navigation-Menu {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 13px !important;
    letter-spacing: 1px !important
}

.dashboard-Module-Heading {
    color: #272727 !important;
    font-family: DMSans-Regular !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.dashboard-Module-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.dashboard-Activity-ModuleActive {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.dashboard-Activity-ModuleActive-Percentage {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 58pt !important;
    letter-spacing: 1.5px !important
}

.dashboard-Activity-ModuleActive-Continue {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    letter-spacing: 0 !important;
    line-height: 14.37pt;
    font-size: 14pt !important
}

.dashboard-Activity-Module-Paused {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important
}

.dashboard-Activity-Module-Paused-Percentage {
    color: #31251b !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Completed-Name {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    margin-left: 0;
    padding: 0;
    width: 90%
}

.dashboard-Activity-Module-Btn-View-All-Activity {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-calendar {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 16.9pt;
    line-height: 20pt;
    letter-spacing: 0
}

.today-tracking-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.slider-question-text {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-edit-setting {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.today-tracking-dropdown-quetion {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important
}

.today-tracking-low-high {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important
}

.submit-tracking-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.report-overview {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 18px !important;
    letter-spacing: 1px !important
}

.report-overview-margin {
    margin-left: 10px
}

.track-now {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.trackers-text {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.view-your-reports {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-edit-your-settings {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.dashboard-edit-your-settings-outer {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.empty-chart-message {
    color: #404040 !important;
    font-family: Montserrat-Regular;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.non-active-module-in-dashboard {
    height: 230px;
    border-radius: 6px
}

.dashboard-activity-panel-heading {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 21.6pt;
    height: auto;
    /* padding-top: 20px !important*/
    padding-top: 10px !important;
}

.profile-self-assessment-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.profile-self-assessment-question-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Tracking-Empty-Heading {
    color: #bcbcbc !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
}

.float-right {
    float: right
}

.your-treatment-1-day {
    display: table;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.your-treatment-7-day {
    margin-top: 15px;
    margin-bottom: 8px;
}

.your-14days-teatment {
    display: block;
    padding-right: 0;
}

@media only screen and (min-device-width:320px) and (max-device-width:424px) {
    .btn-continue {
        width: 40% !important;
        left: 62px !important
    }

    .btn-login {
        margin-left: -35%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Main-Heading {
        font-size: 30px !important
    }

    .mobilemarg {
        margin-left: 0
    }

    .mobilepad {
        padding-right: 5px
    }

    .margin-left-2px_mob {
        margin-left: 2px
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .btnOrange {
        height: auto
    }

    .Dashboard-ViewSnippet {
        padding-top: 10px !important;
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .submit-tracking-button {
        padding-top: 6px !important
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px Z-in
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) {
    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -5px !important;
        margin-left: 7px !important
    }

    h4.Dashboard-FeatureSnippet {
        letter-spacing: 0 !important;
        font-size: 21px !important
    }

    .Dashboard-Self-Assessment2-notatall-width-left {
        width: 22% !important;
        left: 0 !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-severaldays-width-left {
        width: 27% !important;
        left: 2px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-morethanhalf-width-left {
        width: 24% !important;
        left: 9px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-nearEvery-width-left {
        width: 24% !important;
        left: 2% !important;
        padding: 0 !important;
        font-size: 12px !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div a.try_activity_button {
        padding: 10px !important;
        margin-left: 0
    }

    body div.knowledge-header .description {
        font-size: 34pt;
        line-height: 34pt !important;
    }

    body .knowledge-header .knowledgeCentre-InterestAreaName {
        line-height: 34pt;
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48%;
        left: 50%
    }

    .mobile-self-assement-div .panel-body {
        width: 330px;
        padding-right: 0 !important
    }

    div.background_light_blue .center-img {
        width: 98%;
        position: relative;
        max-width: unset;
        margin: auto
    }

    div.width_71_mobile {
        width: 71%
    }

    div.width_29_mobile {
        width: 33%
    }

    .tab-content.Profile-Save-Button.button-orange {
        padding: 10px 40px
    }

    .tab-content .submittedPHQGAD p a {
        width: 100% !important;
        font-size: 10px !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 100% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 80% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .desktop_row.mobileRow {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .backgound-color-white div._idContainer1305 {
        transform: translate(134px,484.499px) rotate(0) skew(0) scale(.75,.9);
        width: 80%
    }

    .margin-top34-mob {
        margin-top: 30px
    }

    .mob-padding-left8px {
        margin-left: 8px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        margin-left: 0 !important;
        background-repeat-y: no-repeat !important;
        height: 250px !important;
        margin-top: -65px !important;
        margin-bottom: 30px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .marginbtnCollapse {
        margin: 4px
    }

    .sidenav .header-right {
        width: 282px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 14px;
        margin-top: 0 !important;
        width: 263px
    }

    .header-right {
        margin-right: 0 !important
    }

    .dark-orange a {
        font-size: 12px
    }

    .layoutsymptomModal {
        padding: 0 !important
    }

        .layoutsymptomModal .btn-White {
            margin-top: 5px !important;
            margin-left: 0 !important;
            max-width: 100%
        }

        .layoutsymptomModal .customskipbtn.btnPurple {
            margin-top: 10px !important;
            margin-left: 3% !important
        }

        .layoutsymptomModal .btnPurple {
            letter-spacing: 0 !important;
            margin-left: 0 !important;
            padding: 7px 15px
        }

    .symptomModal-dialog {
        margin-top: 28px !important;
        position: relative !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    h3.Profile-Tab-Heading {
        padding-left: 5px !important;
        letter-spacing: 0 !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
    }

    .report-overview-calendar {
        left: 90% !important;
        top: -30px !important
    }

    .labelMargin1-Left {
        margin-left: 1px !important
    }

    .labelMargin2-Left {
        margin-left: 30px !important
    }

    .labelMargin3-Left {
        margin-left: 31px !important
    }

    .labelMargin4-Left {
        margin-left: 30px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: 1px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 26px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 27px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 27px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label6Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 1px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 0 !important
    }
}

@media only screen and (min-device-width :350px) and (max-device-width :568px) {
    .margin-top34-mob {
        margin-top: 34px
    }

    .mob-padding-left8px {
        margin-left: 4px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background-repeat-y: no-repeat !important;
        margin-left: 0 !important;
        height: 220px !important;
        margin-top: -64px !important;
        margin-bottom: 30px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .sidenav .header-right {
        margin-left: 20px;
        width: 282px
    }

    .header-right {
        margin-top: 5px !important;
        font-size: 18px;
        width: 265px;
        padding-left: 0 !important
    }

    .width-120-per {
        width: 45% !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 39px !important
    }

    .labelMargin3-Left {
        margin-left: 39px !important
    }

    .labelMargin4-Left {
        margin-left: 39px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -3px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 34px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 35px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 33px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 7px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 6px !important
    }
}

.sidenav .header-right {
    margin-left: 20px
}

@media only screen and (min-device-width :410px) and (max-device-width :415px) {
    .mob-padding-left8px {
        margin-left: 10px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background: url(/Images/footer.png);
        background-repeat-y: no-repeat !important;
        height: 220px !important;
        margin-top: -65px !important;
        margin-bottom: 40px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .header-right {
        margin-top: 5px !important;
        font-size: 18px
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 41px !important
    }

    .labelMargin3-Left {
        margin-left: 46px !important
    }

    .labelMargin4-Left {
        margin-left: 47px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -7px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 40px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 38px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 40px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 10px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 10px !important
    }
}

.footerHome {
    height: 130px;
    margin-left: 0;
    margin-top: -10px;
    margin-bottom: 40px;
    background-color: #f4f1ef !important;
    background-repeat-y: no-repeat;
    width: 100%
}

.padding-top-3 {
    padding-top: 3px
}

.margin-top-6-per {
    margin-top: 6%
}

.margin-top-4-per {
    margin-top: 4%
}

.radio .questionnaire-cr .cr-icon {
    position: absolute;
    font-size: 1.5em;
    line-height: 0;
    top: 60%;
    left: -4px
}

.radio label input[type=radio] + .questionnaire-cr > .cr-icon {
    transform: scale(1.5) rotateZ(0) !important;
    opacity: 1
}

.radio .questionnaire-cr .cr-icon {
    margin-left: unset;
    color: #888
}

.radio .questionnaire-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5;
    border-radius: 50%
}

input[type=radio]:checked ~ .questionnaire-cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.radio .register-cr .cr-icon {
    position: absolute;
    font-size: 1.4em;
    line-height: 0;
    top: 63%;
    left: -4px
}

.radio label input[type=radio] + .register-cr > .cr-icon {
    transform: scale(1.2) rotateZ(0) !important;
    opacity: 1;
    transition: all .3s ease-in
}

.radio .register-cr .cr-icon {
    margin-left: -.06em;
    color: #888
}

.radio .register-cr {
    position: relative;
    display: inline-block;
    background: 0 0;
    border-radius: .25em;
    width: 16px;
    height: 16px;
    margin-right: .5em;
    top: 2px;
    border: 1.5pt solid #e14504;
    border-radius: 24px
}

ul {
    /* list-style-image: url(../../Images/BulletPoint.png)*/
    list-style-type: disc;
}

.login-rememberme input[type=checkbox]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -7.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

input[type=radio]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 14px;
    width: 14px;
    display: block;
    margin-top: -7.521px;
    margin-left: 4px !important;
    border-radius: 50px !important
}

.Learn-More-Text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 1px !important
}

.moveleft-web-15 {
    left: -15px
}

.healthcare-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.share-mycompass {
    margin-left: 1%
}

.knowledge-center-hr hr {
    border-top: 2px solid #eee
}

.module-keep-learning .table-bordered {
    border: 0 solid #e3f2f7;
    border-top-left-radius: 8px;
    padding: 0 0;
    border-top-right-radius: 8px
}

.module-box-height {
    max-height: 1000px
}

.active-catagory {
    font-family: Montserrat-Bold !important
}

.trackingBox-dashboard {
    background-image: url(/Images/dashboard-graph-placeholder.png);
    height: 600px
}

.tracking-analysis ul li b.custom-color {
    color: #f37d31 !important
}

.border-radius-8 {
    border-radius: 8px
}

.width-70px {
    width: 70px !important
}

.width-nearly-77px {
    width: 77px !important
}

.register-selfassessment .rzslider {
    width: 97% !important
}

.SymptomScreenerQues2 .rzslider {
    width: 90% !important
}

.margin-left-3px {
    margin-left: -3px
}

.margin-left-88px {
    margin-left: 88px !important
}

.margin-left-74px {
    margin-left: 74px !important
}

.width-not-difficult-80px {
    width: 80px !important;
    left: -12px !important
}

.margin-somewhat-left-42 {
    margin-left: 42px !important
}

.margin-very-difficult-left-37px {
    margin-left: 37px !important
}

.width-extreme-difficult {
    width: 105px !important;
    left: 14px
}

.selfAssessment-not-at-all-left-5px {
    left: 14px !important
}

.selfAssessment-several-days-width-left {
    width: 90px !important;
    margin-left: 79px !important
}

.selfAssessment-more-than-left {
    left: 54px !important;
    width: 110px
}

.selfAssessment-nearly-left {
    left: 58px !important
}

.selfAssessment-not-difficul-width {
    width: 100px !important
}

.selfAssessment-somewhat-difficult-width {
    width: 100px !important
}

.selfAssessment-very-difficult-width {
    width: 100px !important;
    left: 128px !important
}

.selfAssessment-not-difficult-at-all-left {
    left: 67px !important
}

.selfAssessment-somewhat-difficult-left {
    width: 100px !important;
    left: 98px !important
}

.selfAssessment-extremely-difficult-width-left {
    left: 161px !important
}

.symptomScreener-not-at-all-width-left {
    width: 58px !important;
    left: 41px !important
}

.symptomScreener-several-days-width-left {
    width: 90px !important;
    left: 142px !important
}

.symptomScreener-more-than-width-left {
    width: 135px !important;
    left: 198px !important
}

.symptomScreener-nearly-width-left {
    width: 115px !important;
    left: 255px !important
}

.symptomScreener-not-difficult-width-left {
    width: 120px !important;
    left: -79px !important
}

.symptomScreener-somewhat2-width-left {
    width: 120px !important;
    left: -37px !important
}

.symptomScreener-verydifficult2-width-left {
    width: 120px !important;
    left: -19px !important
}

.symptomScreener-extremelydifficult2-width-left {
    width: 120px !important;
    left: 19px !important
}

.symptomScreener-Questionnaire2-notatall-width-left {
    width: 70px !important;
    left: -6px !important
}

.symptomScreener-Questionnaire2-severaldays-width-left {
    width: 105px !important;
    left: 60px !important
}

.symptomScreener-Questionnaire2-morethanhalf-width-left {
    width: 135px !important;
    left: 97px !important
}

.symptomScreener-Questionnaire2-nearEvery-width-left {
    width: 110px !important;
    left: 126px !important
}

.symptomScreener-Questionnaire3-notdifficult-width-left {
    width: 130px !important;
    left: -35px !important
}

.symptomScreener-Questionnaire3-somewhat-width-left {
    width: 105px !important;
    left: 0 !important
}

.symptomScreener-Questionnaire3-verydifficult-width-left {
    width: 100px !important;
    left: 53px !important
}

.symptomScreener-Questionnaire3-extremedifficult-width-left {
    width: 130px !important;
    left: -12px !important
}

.z-index-1 {
    z-index: 1
}

.selfAssesmentResultModal-dialog {
    margin-top: 5%;
    background: #fff
}

.selfAssesmentResultModal-header {
    padding: 8px;
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-body p {
    font-size: 13px
}

.selfAssesmentResultModal-footer .btn, .selfAssesmentResultModal-footer .btn:hover {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    height: 36px;
    margin-bottom: 10px;
    border: 1.5pt solid #e14504;
    background: 0 0;
    text-align: center !important
}

.selfAssesmentResultModal-footer {
    border-top: none
}

.accordion-bgcolor {
    background-color: #e3f2f7;
    border: 1px solid #ddd
}

.accordion-collapse-in-bgcolor {
    background-color: #fff
}

.accordion-content-padding {
    padding: 20px 4.9px !important;
    font-size: 18pt;
    font-family: DMSans-Regular;
    letter-spacing: 0 !important;
    line-height: 23pt !important;
    color: #000 !important
}

.accordion-collapse-in-bgcolor span > ul {
    background-color: #fff;
    padding: 5px 15px !important
}

.accordion-tabbed-collapse-in-bgcolor {
    background-color: #fff
}

.padding-right-15px {
    padding-right: 15px !important
}

.padding-left-right-30px {
    padding-left: 30px
}

.padding-home-button {
    padding: 8px 4px 8px 3px;
    background: 0 0;
    cursor: pointer;
    font-size: 12.096pt;
    font-weight: 500;
    border-radius: 34px;
    width: 100% !important;
    border: 2px solid #e14504
}

.padding-share-button {
    padding: 18px 0 18px 0;
    box-shadow: 0 1px 2px 0 #888;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    width: 90%;
    margin-top: 10px
}

.margin-top-home {
    margin-top: 30px !important
}

.about-home-content ul li.tabFive, .about-home-content ul li.tabFour, .about-home-content ul li.tabOne, .about-home-content ul li.tabThree, .about-home-content ul li.tabTwo {
    font-size: 12px !important;
    font-family: Montserrat-Medium !important
}

.about-home-content ul {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.about-home-content span:not(span.faicon) {
    font-size: 18pt;
    font-family: DMSANS-REGULAR !important;
    font-weight: 400;
    line-height: 23pt !important;
    color: #e14504 !important
}

.about-home-content .accordion-content {
    font-size: 18pt;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt !important;
    letter-spacing: 0;
    color: #000 !important
}

    .about-home-content .accordion-content ul {
        padding: 15px 15px 0 15px !important
    }

.about-home-content a.tab-anchor span {
    font-size: 14px;
    font-family: DMSans-Regular !important
}

.about-home-content span p b {
    font-family: DMSans-Regular !important;
    font-weight: unset !important;
    font-size: 18pt;
    line-height: 23pt;
    letter-spacing: 0;
    width: auto !important;
    text-align: center;
    color: #000 !important
}

.home-content-font-size-12px {
    font-size: 12px !important
}

.home-graph-margin-left {
    margin-left: 14% !important
}

.home-graph-margin-bottom {
    margin-bottom: 20px !important
}

.home-green-content-height {
    height: 100px
}

.AboutPro.media .media-body, .AboutPro.media .media-left {
    display: table-cell;
    vertical-align: unset !important;
    padding: 5px 0 5px 0 !important
}

.AboutPro.media .media-right {
    padding: 10px 0 0 0 !important
}

.AboutPro-Img-Width {
    width: 100% !important
}

div .custom-anchor p a {
    word-break: break-all !important
}

.pad-left-20px {
    padding-left: 25px !important
}

.customNav .nav-tabs > li > a {
    margin-right: unset !important;
    border-radius: unset !important;
    height: 50px !important
}

.customNav ul {
    margin-bottom: -9px !important
}

.customNav .tab-content .active {
    padding-top: 20px !important
}

.customNav .padding-bottom-20px {
    padding-bottom: 20px !important
}

.customNav .padding-left-20px {
    padding-left: 20px !important
}

.customNav .tabOne {
    width: 25%;
    text-align: center
}

.customNav .tabTwo {
    width: 23%;
    text-align: center
}

.customNav .tabThree {
    width: 20%;
    text-align: center
}

.customNav .tabFour {
    width: 12%;
    text-align: center
}

.customNav .tabFive {
    width: 20%;
    text-align: center
}

.customNav .tab-content .active.in {
    margin-top: 10px !important
}

.customNav .nav-tabs {
    border-bottom: unset !important
}

.moreinfo-font {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.mob-margin-top-30 {
    margin-top: 30px
}

.unsubscribe-setup {
    background-color: #e3f2f7
}

.Unsubscribe-Button, Unsubscribe-Button :hover {
    background: #31251b;
    color: #b7b3af;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    padding: 8px 0 8px 0;
    box-shadow: 0 1px 2px 0 #888;
    cursor: pointer;
    border-radius: 3px
}

.tracking-margin-top-20px {
    margin-top: 20px
}

.padding-top-35 {
    padding-top: 35px
}

.dashboard-progress-bar {
    margin-right: 0
}

.snippet-notification-setup .form-control[disabled] {
    background-color: #fff
}

.tracking-reminder-setup .form-control[disabled] {
    background-color: #fff
}

.dashboard-progress-row {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.ProfileModalbody {
    font-size: 14px !important;
    font-family: Montserrat-Medium !important;
    color: #31251b !important
}

.activity-progress-row {
    padding-top: 26px
}

.ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.modalResetPassword .modal-body p {
    color: #000;
    font-family: Montserrat-Regular
}

.reset-password-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px;
    letter-spacing: 2px !important
}

.margin-bottom-174px {
    margin-bottom: 174px !important
}

.layoutsymptomModal .symptomModel-header h3 {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.layoutsymptomModal .symptomModel-header {
    padding: 15px 0 0 0
}

.layoutsymptomModal .modal-body {
    padding: 15px !important;
    color: #000 !important;
    font-family: Montserrat-Medium !important
}

.layoutsymptomModal {
    padding-right: 0 !important
}

.QuestionnaireRadio .radio label {
    padding-left: 8px !important
}

.Register-Radio-Required {
    margin-top: -10px;
    margin-left: -25px
}

.Register-Radio-Required2 {
    margin-top: -25px;
    margin-left: -25px
}

.Register-Radio-Required3 {
    margin-top: -15px;
    margin-left: -25px
}

@media only screen and (min-device-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .mobilepad {
        padding-right: 5px
    }

    div.sidenav {
        z-index: 2;
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    .mobile-self-assement-div {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .healthCareHeight {
        line-height: unset
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .report-overview-calendar {
        width: 8% !important;
        left: 90% !important
    }

    .center-img, .imgmobwidth95per, img.width-100-per-mobile {
        width: 100% !important
    }

    img.imgmobwidth95per {
        width: 50% !important
    }

    .forgot-password-input input, .logininput, .resetPasswordInput input, input, select, textarea {
        max-width: unset !important
    }

    .or {
        left: 48% !important
    }

    .mob-footer.footermargin {
        margin-left: 0;
        width: 33.33333%
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .ipad-remove-padding {
        padding: 0 !important
    }

    .home-green-content-height {
        height: unset
    }

    .Screenshot3-image-margin img {
        position: relative;
        top: 21px;
        left: 13px
    }

    .Screenshot1-image-margin img {
        position: relative;
        top: -36px;
        left: -32px
    }

    .ipad-clear-both {
        clear: both
    }

    .margin-left-9per {
        margin-left: 26%;
        margin-right: 23%
    }

    div.landing-get-satarted {
        width: 33% !important;
        left: 33%
    }

    .footerHome {
        height: auto !important
    }

    .navbar-header {
        float: none;
        min-height: 10px;
    }

    .myCompassImg {
        width: 250px !important
    }
}

@media (min-width:1024px) {
    .padding {
        padding: 0 0 15px 0 !important
    }

    margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .contact-us-content a {
        color: #616161 !important;
        text-decoration: underline #e14504 !important;
        text-decoration-style: solid !important;
        text-decoration-color: #e14504 !important;
    }

        .contact-us-content a:hover {
            color: #e14504 !important;
            text-decoration: underline #e14504 !important;
            text-decoration-style: solid !important;
            text-decoration-color: #e14504 !important;
        }
}

@media (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
    /*    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }*/

    .mobilemarg {
        margin-left: 8.33%
    }

    .btnOrangeTopPad {
        padding-top: 15px
    }

    .circle div {
        position: absolute;
        top: 24px;
        left: 10px;
        width: 90%;
        text-align: center;
        line-height: 40px;
        font-size: 25px;
        color: #ca3f0c
    }

    .circle span {
        position: absolute;
        top: 41px;
        left: -5px;
        width: 95%;
        text-align: center
    }

    .imgTablet {
        width: 50%;
        margin-left: 22%
    }

    .tab-img-width50per {
        width: 50% !important;
        margin-left: 22%
    }

    .border-right-registration {
        border-right: none
    }

    .reg-or {
        display: none
    }

    .padding-trackingsetup {
        padding: 15px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 2%;
        padding-top: 2px
    }
}

@media (min-width:1024px) {
    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -80px
    }

    .motivational-message.Fast {
        margin-left: -44px
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    /*    .ipad-hide {
        display: none
    }*/

    .healthCareHeight {
        letter-spacing: .8px !important
    }

    .box-height {
        height: 300px
    }

    .clearline-Activities {
        border: 1px solid #eaeced;
        /*    margin-top: 20px*/
    }

    .btnOrange {
        height: 50px;
        padding: 14px 15px
    }

    .Dashboard-ViewSnippet {
        padding-top: 13px !important
    }

    .submit-tracking-button {
        padding-top: 13px !important;
        width: 55%
    }

    .Profile-Save-Button {
        height: 44px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .padding5 {
        padding: 0 20px 10px 0
    }

    .knowledgeCentre-IntrestAreaTopics {
        padding-top: 13px !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .treatment.iconset img {
        width: 100%;
        margin-top: 80px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .margin-left-9per {
        margin-left: unset
    }

    .Screenshot1-image-margin {
        text-align: start;
        margin-right: 110px;
        margin-top: -49px
    }

    .Screenshot3-image-margin img {
        position: relative;
        left: 55px
    }

    .ipad-width-100-per {
        width: 100%
    }

    .TabViewRow {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    /*    .footer-elements div:nth-child(1) {
        width: 12%
    }

    .footer-elements div:nth-child(2) {
        width: 13%
    }

    .footer-elements div:nth-child(3) {
        width: 15%
    }

    .footer-elements div:nth-child(5) {
        white-space: nowrap
    }*/

    .navbar-nav > li.YourDashboard {
        padding: 30px 0
    }

    .navbar-nav > li {
        float: left;
        /*  margin-left: 10px*/
    }

    .footer-menu {
        letter-spacing: 0 !important;
        font-size: 13px !important
    }
}

.navbar-default .navbar-toggle {
    border: 0;
    margin-top: 20px
}

.navbar-header {
    margin-bottom: 0
}

#userNav {
    padding: 15px
}

.navbar-nav > li {
    padding: 0 5px
}

.mobile-self-assement-tabs {
    display: inline-block
}

@media (max-width:767px) {
    .visible-xs-block {
        display: none !important
    }

    div.knowledge-header .description {
        font-size: 36pt;
    }

    .body-content-home div.modal-content .cursor {
        float: right;
        left: -20px;
    }

    div.Activity-KeepLearning-Modules {
        padding-right: 15px !important;
        margin-right: 0px;
    }

    .module_activities_page .emptyActiveModuleBox .emptyActiveModuleMessage .Activity-Empty {
        text-align: left !important;
    }

    .text-xs-left {
        text-align: left
    }

    div.section-1 label, div.section-2 label, div.section-3 label, div.section-4 label {
        margin-top: 15px;
        margin-bottom: 40px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .text-xs-right {
        text-align: right
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-justify {
        text-align: justify
    }

    .pull-left-xs {
        float: left
    }

    .pull-right-xs {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .mobile-self-assement-tabs li, .mobile-self-assement-tabs li a {
        width: 42%
    }

    .col-md-12.self-assement-container-div {
        padding: 0
    }

    div span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        width: 100% !important;
        float: left;
        margin: auto 0;
        padding: 12px 8px !important;
        height: auto;
    }

    col-xs-5.next-btn {
        padding: 0
    }

    .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin-top: 0;
        padding: 12px 8px !important;
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .resultselfpadding1 {
        padding: 19px 40px 33px 23px !important;
        margin-top: -22px
    }

    .padding-trackingsetup {
        padding: 10px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-top: 10px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }

    .pull-left-sm {
        float: left
    }

    .pull-right-sm {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .jumpToInfo-buttons {
        line-height: 48px;
        background: #f7f7f7;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 100%
    }

        .jumpToInfo-buttons div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
}

@media (min-width:1200px) {
    .HomePage .Profile-Save-Button.button-orange {
        width: 189.98px !important;
        margin-right: 20px !important;
    }

    .row.footer-first-row {
        text-align: center;
        padding: 30px 85px 10px 50px;
        margin: 0;
    }

    .row.footer-second-row {
        padding: 10px 10px 10px 170px;
    }

    div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: -2px;
        height: 157px;
        display: flex;
        align-items: center;
    }

    .Knowledge .icons-wrapper {
        top: 20px;
    }

    .user-self-assessment .selfAssessment_question_div .Profile-Save-Button.button-orange, .user-self-assessment .selfAssessment_question_div .btn-Continue-from-your-responses {
        height: 44px !important;
    }

        .user-self-assessment .selfAssessment_question_div .btn-Continue-from-your-responses, .user-self-assessment .selfAssessment_question_div .Profile-Save-Button.button-orange, .user-self-assessment .selfAssessment_question_div .Profile-Save-Button.button-orange.landing-self-back {
            padding-top: 10px !Important;
            padding-bottom: 10px !Important;
        }

    .right-header-logo {
        padding-top: 15px;
    }

    .right-header-logo {
        padding-top: 15px;
    }

    .custom-pop-up .modal-body {
        position: relative;
        padding: 5px;
    }

    .custom-pop-up {
        width: 400px;
        height: 200px !important;
    }

    .about_dropDown_div {
        float: right
    }

    div.web-canvas-dashboard {
        height: 500px;
        overflow: hidden
    }

    .author.about_dropDown_div {
        float: left;
        padding-left: 30px
    }

    .carousel_div {
        left: 42px;
        position: relative;
        bottom: 20px;
        margin-top: 20px
    }

    .about_program.container .takeSelf-Assessment-desc {
        margin: auto;
        width: 80% !important
    }

    .owl-carousel {
        padding: 10px 0
    }

    .carousel_row {
        margin-left: -15px
    }

    div.footer-elements {
        padding-left: 0;
        margin-top: 32px
    }

    div.knowledgeCentre {
        padding: 50px 10px 10px 0;
        width: 100%;
        margin: 0
    }

    div.dot_image {
        left: -80px
    }

    .padding_left_100 {
        /*padding-left: 50px !important;*/
        padding-right: 80px !important
    }

    .padding_left_20_desktop {
        padding-left: 40px !important
    }

    div.PrimaryGraphics {
        padding: 30px 10px 0 0;
        position: relative;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom;
        background-size: 75% 82%
    }

    div.primaryGraphicimg {
        position: absolute;
        right: 0
    }

    div.iconset .treatment-play-icon {
        left: 50%;
        top: 65%;
    }

    .desktop_margin_top_40 {
        margin-top: 40px
    }

    .background_light_blue {
        padding: 50px 0
    }

    div.image-margin {
        margin-left: -52px;
        margin-right: 0
    }

    .treatment_img {
        /* height: auto; double check if breaking*/
        /* width: 754px;*/
        height: auto;
        width: auto;
        /*margin-top: 85px*/
        margin-top: 100px;
    }

    .iconset .treatment-play-icon {
        top: 59%
    }

    .YourDashboard {
        padding: 20px 5px !important
    }

    .notification {
        padding-top: 50px;
    }

    .tracking.notification {
        padding-top: 0px !important;
        min-height: 0px !important;
        color: red !important;
    }

    img._idGenObjectAttribute-Login {
        left: 38px
    }

    img._idGenObjectAttribute-Profile {
        left: 38px
    }

    img._idGenObjectAttribute {
        left: 36px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 6px;
        padding: 10px 0;
        margin-top: -88px;
        line-height: 16.8pt
    }

        p.Basic-Paragraph.ParaOverride-1.first.home {
            margin-left: 6px;
            padding: 10px 0;
            margin-top: -72px;
            line-height: 16.8pt
        }

    .display_none_mobile {
        display: block
    }

    .display_none_desktop {
        display: none
    }

    .inner-header-logo-right img.bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 150px !important;
    }

    img.myCompassImg {
        width: 101px !important
    }

    ul.navbar-right {
        margin-right: 0
    }

    #myCompassNavbar li.professional.margin_right_14_desktop {
        margin-right: 48px
    }

    div.foote_desktop_row {
        margin-top: 20px;
        padding-bottom: 10px
    }

    .col-md-3.width_27_desktop {
        width: 27%
    }

    .padding_right_0_desktop {
        padding-right: 0
    }

    .contactUs-link-width {
        width: 148px
    }

    .term-link-width {
        width: 148px
    }

    .PrivacyPolicy-link-width {
        width: 156px
    }

    .container.footerHome.removeRow {
        padding: 0 100px 0 0
    }

    div.row.footer-elements {
        margin-left: 100px
    }

    .hear_from {
        padding-left: 30px
    }

    .width_150 {
        width: 150px
    }

    .getstartedIn5-text {
        padding: 0 27px
    }

    .text-lg-left {
        text-align: left
    }

    div.mobileRow {
        width: 100%
    }

        div.mobileRow.carousel_row {
            width: 1240px;
            margin: 0
        }

    .desktop_row {
        width: 100% !important
    }

    div.jumpToInfo {
        padding: 10px 32px 10px 32px
    }

    padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .imgmobwidth95per {
        height: 180px;
        width: 180px
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1, .section-2, .section-3, .section-4 {
        padding-top: 40px
    }
}

.Activity-Landing-Session-Description ul {
    -webkit-padding-start: 18px !important
}

.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none
}

.table-bordered .faicon .custom-fa {
    font: normal normal normal 18px/1 FontAwesome !important;
    padding-right: 0 !important
}

div.dashboard.selfassestextsizehead h2 {
    color: #000;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset
}

.PageHeaderContent {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    width: 100%;
    text-align: center
}

.jump-to-topic .jumpToTopicIconBar {
    display: inline
}

    .jump-to-topic .jumpToTopicIconBar .icon-bar {
        width: 18px;
        color: #d2582c
    }

.jump-to-topic .width-120-per {
    width: 120%
}

.jump-to-topic .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: red;
    margin-top: 2px
}

.jump-to-topic .spanJumpToTopic {
    float: right;
    display: inline;
    margin-top: -15px;
    margin-left: 0;
    font-family: Montserrat-SemiBold;
    cursor: pointer;
    font-size: 12px;
    color: #777
}

.jump-to-topic .dropdown-menu {
    margin-top: 0;
    padding: 0;
    left: 7px !important;
    min-width: 170px !important
}

.jump-to-topic li:hover {
    text-decoration: underline !important;
    cursor: pointer
}

.jump-to-topic li {
    padding: 5px;
    text-decoration: none !important
}

    .jump-to-topic li.active {
        font-weight: 700
    }

ul.jump-to-topic {
    margin-top: -16px
}

.text-center.myCompass img {
    width: 320px;
    height: 37px
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -10px !important;
        width: 100px !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_30 {
    margin-top: 30px
}

.try_activity_button {
    padding: 8px 26px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    font-size: 12pt;
    font-family: DMSANS-MEDIUM;
    text-decoration: none !important
}

    .try_activity_button:hover {
        background: #ae411c !important;
        color: #fff !important;
        transition: .35s ease
    }

.center-block.center-img {
    max-width: 100%
}

._idContainer1194 {
    -ms-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 315.34px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 45%
}

._idContainer1195 {
    z-index: 1;
    -ms-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 65.46px;
    left: 0;
    top: 0PX;
    position: absolute;
    width: 14%;
    transform: translate(171.078px,-2px) rotate(2deg) skew(0) scale(1,1)
}

._idContainer1196 {
    -ms-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 286.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    transform: translate(20px,37.235px) rotate(0) skew(5deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 47%
}

._idContainer1197 {
    -ms-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 338.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    transform: translate(174px,84.256px) rotate(0) skew(-3deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 67%
}

._idContainer1198 {
    -ms-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 170.32px;
    left: 109px;
    position: absolute;
    top: 0;
    transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    transform: translate(104.221px,34.437px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32%
}

._idContainer1199 {
    -ms-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.08px;
    left: 0;
    position: absolute;
    top: -9px;
    transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(229.105px,-6px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 15%
}

._idContainer1200 {
    -ms-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 432.99px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60%
}

._idContainer1201 {
    -ms-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 130.74px;
    left: -21px;
    position: absolute;
    top: 0;
    transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    transform: translate(536.05px,287.141px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 58%
}

._idContainer1202 {
    -ms-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 224.49px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,23.686px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 59%
}

._idContainer1203 {
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 69px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(141.776px,5px) rotate(0) skew(4deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 20%
}

._idContainer1204 {
    -ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 272.44px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(82.274px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1205 {
    -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 110.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(189.513px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 28%
}

._idContainer1206 {
    -ms-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 275.17px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 46%
}

._idContainer1207 {
    display: contents;
    -ms-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 458.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1208 {
    -ms-transform: translate(-.001px,100px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1018.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 417.5px !important;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

div._idGenObjectAttribute-14 {
    height: 501px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

div._idGenObjectStyle-Disabled {
    background-color: transparent;
    border-width: 0
}

img._idGenObjectAttribute-2 {
    left: 0;
    position: absolute;
    top: 0
}

img._idGenObjectAttribute-1 {
    height: 100%;
    min-width: 100%;
    width: 100%
}

._idTextSpan1849 {
    left: 0;
    color: #e14504;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 54px
}

.myCompassdiv {
    top: 144.39px
}

.get_started {
    padding: 6px 20px 6px 20px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504
}

.personalised {
    color: #e14504;
    font-size: 15px
}

._idContainer1305 {
    -ms-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1098.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 440px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 430px
}

div._idGenObjectAttribute-16 {
    height: 476px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 430px
}

._idContainer1304 {
    -ms-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 311.13px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    transform: translate(64.717px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 238.28px;
    overflow: hidden
}

._idContainer1286 {
    -ms-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 47.26px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 19.25px
}

._idContainer1287 {
    -ms-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 238.64px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 80.94px
}

._idContainer1288 {
    -ms-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 190.8px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 115.03px
}

._idContainer1289 {
    -ms-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 29.44px
}

._idContainer1290 {
    -ms-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 85.07px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.85px
}

._idContainer1291 {
    -ms-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.39px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.47px
}

._idContainer1292 {
    -ms-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 151.83px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 87.51px
}

._idContainer1293 {
    -ms-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 58.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 30.6px
}

._idContainer1294 {
    -ms-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 67.86px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 48.15px
}

._idContainer1295 {
    -ms-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 56.15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(65.459px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 68.12px
}

._idContainer1296 {
    -ms-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 12.84px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 5.08px
}

._idContainer1297 {
    -ms-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 147.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 70.44px
}

._idContainer1298 {
    -ms-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 8.87px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 44.13px
}

._idContainer1299 {
    -ms-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 43.68px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.68px
}

._idContainer1300 {
    -ms-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 107.6px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60.19px
}

._idContainer1301 {
    -ms-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 134.57px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100.61px
}

._idContainer1302 {
    -ms-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 84.5px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 83.01px
}

._idContainer1303 {
    -ms-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.37px
}

._idContainer1285 {
    -ms-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 31.91px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32.21px
}

.self_asessment_answer {
    display: none
}

.self_asessment_lable {
    cursor: pointer;
    color: #000
}

p.padding_20 {
    padding: 20px;
    height: 31px;
    margin-bottom: 10px
}

.Profile-Save-Button.button-orange.landing-self-back {
    width: 85%;
    padding: 10px 0;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    color: #e14504 !important;
    border: 2px solid #e14504;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 10px !important;
    background-color: transparent !important;
    height: 44px;
    padding-top: 8px !Important;
    text-align: center;
}

.Profile-Save-Button.button-orange.landing-self-next-finish {
    float: right
}

.backgorund-yellow {
    background: #fff5e8
}

.featureSnippet.self-assesment {
    background: #fff;
    width: 100%;
    background-position: left 0 bottom;
    background-size: 50% 850px;
    margin: auto;
    background-image: url(/Images/Tracking_Splash.png);
    background-repeat: no-repeat;
    min-height: 680px !important;
}

.color-dark-brown {
    border-bottom: 1px solid #e14504
}

.myCompass-made-me {
    padding-left: 21%;
    padding-right: 21%;
    padding-top: 12%
}

.best-of-all-text {
    padding-left: 30%;
    padding-right: 30%
}

.knowledgeCentre {
    padding: 50px 10px 10px 40px
}

.carousel_row {
    background-image: url(../../Images/knowledgeCentrebackground.png)
}

.grayContainer {
    ms-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 345.35px;
    left: 0;
    position: absolute;
    transform: translate(525px,68px) rotate(180deg) skew(2deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 525.4px;
    overflow: hidden
}

    .grayContainer img {
        max-width: 100%
    }

.layout_4B {
    -ms-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 158.58px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(191.713px,225.095px) rotate(180deg) skew(7deg) scale(1,1);
    transform-origin: 0 0;
    width: 188.87px
}

    .layout_4B img {
        max-width: 100%
    }

.red_dot_image {
    ms-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 220.97px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(3px,7.202px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 156.36px
}

    .red_dot_image img {
        max-width: 100%
    }

div.grayrow {
    margin-top: 18px
}

@media only screen and (max-width:768px) {
    .height-buttonwhite.topUp-div {
        width: 100% !important
    }

    .Activity-Landing-Session-Begin-Button {
        z-index: 1
    }

    div.rightSide-img {
        visibility: hidden
    }

    div.accordion-content .person-text {
        margin-top: 35px !important
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 0;
        padding: 0 0;
        width: 100%
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.mobile_margin_top_0 {
        margin-top: 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.your-treatment {
        padding: 20px 0 0 0;
        letter-spacing: 0 !important;
        font-size: 26px
    }

    .background_light_blue .center-img {
        left: 2px;
        position: relative
    }

    .display_none_desktop {
        display: block
    }

    .display_none_mobile {
        display: none
    }

    div .mobile-color-white .backgound-color-white {
        height: auto
    }

    .mobile-self-assement-div .panel-body .tab-content {
        margin: 0
    }

    .Profile-Save-Button.button-orange.landing-self-back {
        left: 0 !important
    }

    .mobile_margin_top_15 {
        margin-top: 15px !important
    }

    span.Profile-Save-Button.button-orange {
        margin-left: 0;
        margin-top: 20px;
        width: 100% !important;
        padding: 10px
    }

    .self_asessment_lable {
        padding: 0 5px
    }

    div.Dashboard-Self-Assessment2-notatall-width-left {
        width: 100% !important;
        left: 0 !important;
        padding: 0;
        font-size: 12px !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-top: 20px;
        margin-right: 0 !important;
        padding: 8px
    }

    back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        padding: 8px
    }

    .takeSelf-Assessment-desc {
        padding: 0 10px 0 0 !important;
        width: 100% !important
    }

    .dot_image {
        display: none
    }

    ul.mobile-self-assement-tabs {
        width: 100% !important;
        padding: 0
    }

    .tab-content p.padding_10 {
        padding: 13px 14px;
        height: 100%
    }

    .color_red {
        padding: 0
    }

    .over-time-text, .self-asessment-questions {
        padding: 0
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        text-align: left
    }

    .tab-content .submittedPHQGAD p a {
        width: 100% !important;
        font-size: 12px;
        border: 0;
        padding: 0
    }

    .owl-nav .glyphicon.glyphicon-chevron-right {
        transform: translate(0,-50%) rotate(135deg) scale(.4,.4);
        left: -28px
    }

    .owl-nav .glyphicon.glyphicon-chevron-left {
        right: -26px;
        transform: translate(0,-50%) rotate(315deg) scale(.4,.4)
    }

    div.featureSnippet.self-assesment {
        background: 0 0
    }

    div.best-of-all-text {
        padding-left: 0;
        padding-right: 0
    }

    div.grayrow {
        margin-top: 62px;
        height: 44px
    }

    div.grayContainer {
        height: 216px;
        width: 97%;
        transform: translate(349px,84px) rotate(180deg) skew(2deg) scale(1,1)
    }

    div.layout_4B {
        height: 116.58px;
        width: 40%;
        transform: translate(142.713px,374.095px) rotate(180deg) skew(7deg) scale(1,1)
    }

    div.red_dot_image {
        width: 36%;
        transform: translate(0,192.202px) rotate(0) skew(0) scale(1,1)
    }

    div.myCompass-made-me {
        padding-left: 10px;
        padding-right: 10px
    }

    a.getstarted-in-mademe-button {
        padding-left: 20%;
        padding-right: 20%
    }

    div.myCompassdiv .CharOverride-1 {
        font-size: 50px;
        color: #e14504
    }

    ._idContainer1208 ._idContainer1205 {
        -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 110.06px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(74.513px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 29%
    }

    ._idContainer1208 ._idContainer1204 {
        ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 272.44px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(28.274px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%
    }

    ._idContainer1208 ._idContainer1206 {
        transform: translate(-4px,181.443px) rotate(0) skew(0) scale(1,1);
        width: 46%
    }

    ._idContainer1208 ._idContainer1203 {
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 69px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(55.776px,5px) rotate(0) skew(4deg) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 20%
    }

    div._idContainer1199 {
        top: 0;
        transform: translate(16.105px,-13px) rotate(0) skew(0) scale(1,1);
        width: 24%
    }

    div._idContainer1197 {
        width: 100%;
        transform: translate(-13px,81.256px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1201 {
        width: 64%;
        z-index: 1;
        transform: translate(168px,287.141px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1195 {
        height: 55.46px;
        left: 0;
        top: 0PX;
        position: absolute;
        width: 17%;
        transform: translate(-17.922px,32px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1198 {
        width: 54%;
        left: 0;
        transform: translate(4.221px,34.437px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1196 {
        height: 295.76px;
        width: 47%;
        left: 0;
        transform: translate(-68px,51.235px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1305 {
        transform: translate(165px,427.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 68%
    }

    div.myCompassdiv {
        top: 42.39px
    }

    .personalised {
        font-size: 25px
    }

    .myCompassdiv a.get_started {
        padding: 3% 33% 3% 33%
    }

    .mountainbackground {
        height: 520.5px
    }

    ._idContainer1208 {
        transform: translate(-24.001px,100px) rotate(0) skew(0) scale(1,1)
    }

    span.your-treatment-number14:before {
        top: -4px;
        left: 7px
    }

    span.your-treatment-Heading1, span.your-treatment-Heading2, span.your-treatment7-Heading1, span.your-treatment7-Heading2 {
        font-size: 14ptpx !important;
        letter-spacing: .5px !important
    }

    .mobile-your-teatment {
        display: block
    }

    span.your-treatment-number1:before {
        top: -2px
    }

    .your-treatment-Heading1 {
        margin-left: 10px
    }

    .your-treatment-1-day {
        margin-bottom: 0
    }

    .your-treatment-7-day {
        margin-bottom: 10px
    }

    .mobile-your-teatment-7days-containor, .your-14days-teatment, .your-treatment-7-day {
        margin-bottom: 0
    }

    .your-14days-teatment {
        margin-top: 10px
    }

    .featureSnippet .carousel-inner {
        background-color: #fff5e8;
        min-height: 300px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -35px !important;
        transform: scale(.3) rotate(140deg) !important
    }

    .glyphicon.glyphicon-chevron-right {
        position: absolute;
        top: 132px !important;
        font-size: 30px;
        margin-left: 0;
        transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
    }

    .snippetBody {
        padding: 10px 15px;
        margin-left: 12px
    }

    .Dashboard-Snippet-Heading {
        font-size: 14px;
        padding: 10px
    }

    .Dashboard-Knowledge-Center {
        margin-left: 0 !important;
        font-size: 30px;
        text-align: center
    }

    .Primaryimage {
        height: 477PX !important;
        width: 100% !important;
        background-size: 100% 62% !important
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        transform: scale(.3) rotate(315deg) !important;
        margin-right: -30px !important
    }

    .glyphicon.glyphicon-chevron-left {
        transform: none !important
    }

    div.takeSelf-Assessment-text {
        font-size: 33pt !important;
        letter-spacing: .5px !important;
        padding: 0
    }

    .takeSelf-Assessment-desc_div {
        padding: 0;
        padding-left: 15px
    }

    .self-assement-container {
        width: 250px;
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 20px
    }

    p.padding_20 {
        padding: 13px 0;
        height: 100%
    }

    div.backgound-color-white.container-fluid {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    _idContainer1304 {
        WIDTH: 50%
    }

    div.body-content {
        overflow: hidden;
        padding-left: 0
    }

    .overflow_hidden {
        overflow: hidden
    }

    div.knowledgeCentre {
        padding-bottom: 0;
        padding-left: 20px
    }

    .navbar.container.navbar-default {
        overflow: hidden
    }

    .jumpToInfo-buttons div, div.getstartedIn5-text, div.jumpToInfo-buttons {
        padding-right: 0;
        padding-left: 25px;
        letter-spacing: 0 !important
    }

    .jumpToInfo-buttons .healthCareHeight {
        line-height: 24px
    }

    div.getstartedIn5-text {
        text-align: left !important;
        padding: 0 25px
    }
}

p .padding_20 {
    background-color: #fff;
    border-radius: 50px
}

.self_asessment_lable {
    position: relative;
    bottom: 0;
    font-weight: 400
}

.CharOverride-1 {
    font-size: 60px;
    color: #e14504
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    div.PrimaryGraphics .get-started-button {
        padding-left: 28%;
        padding-right: 31%;
        position: relative;
        left: 0;
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 470px 100%
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    a.try_activity_button {
        padding: 10px 112px;
        margin-left: 0
    }

    .background_light_blue .center-img {
        width: 94%;
        position: relative;
        margin: auto !important
    }

    .mobile-self-assement-div .panel-body {
        width: 380px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: -60px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 91% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 65% !important
    }

    div.owl-item {
        margin-right: 34px
    }

    .body-content div.carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 90px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 90px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    div ._idContainer1304 {
        width: 50%
    }

    div .body-content div.carousel_row.mobileRow {
        width: 380px
    }

    div .body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 378px
    }

        div.body-content div.mobileRow.desktop_row {
            width: 100%;
            margin-right: 0 !important;
            margin-left: 0 !important
        }

    button.Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 20px
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-top: 20px;
        width: 100% !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    span.media-right.faicon {
        position: relative;
        right: 15px
    }

    ._idContainer1305 div._idContainer1304 {
        transform: translate(100.717px,0) rotate(0) skew(0) scale(1,1)
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 29%;
        padding-right: 33%;
        text-align: center;
        left: 0;
        position: relative;
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    a.try_activity_button {
        margin-left: 10px
    }

    .background_light_blue .center-img {
        width: 100%;
        position: relative;
        max-width: unset;
        margin-left: -4px !important
    }

    .mobile-self-assement-div .panel-body {
        width: 425px
    }

    .carousel_div {
        margin-left: 2px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 65% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 55% !important
    }

    div.body-content div.mobileRow.desktop_row {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 90px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 90px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px
    }

    .body-content div.carousel_row.mobileRow {
        width: 100% !important
    }

    div .body-content div.mobileRow.desktop_row {
        width: 376px;
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    div.body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 400px
    }

    .margin-top-20 div.red_dot_image {
        width: 30%;
        transform: translate(-1px,199.202px) rotate(0) skew(0) scale(1,1)
    }

    div.mobile-self-assement-div {
        padding: 0 9px 0 9px !important
    }

    div._idContainer1305 {
        transform: translate(161px,428.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 72%
    }
}

.color_red {
    color: #e14504;
    font-family: DMSANS-REGULAR;
    font-size: 14pt
}

.catagory-menu-Text:hover {
    border-bottom: 2px solid #e14504;
    color: #000
}

div.jumpToInfo-buttons.div-line-height {
    line-height: 24px
}

.catagory-menu-Text {
    border-bottom: 2px solid transparent
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

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

@font-face {
    font-family: DMSans-Bold;
    src: url(../../fonts/DMSans-Bold.ttf) format('truetype')
}

@font-face {
    font-family: DMSans-Medium;
    src: url(../../fonts/DMSans-Medium.ttf) format('truetype')
}

@font-face {
    font-family: MinionPro-Regular;
    src: url(../../fonts/MinionPro-Regular.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Light;
    src: url(../../fonts/UntitledSans-Light.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Medium;
    src: url(../../fonts/UntitledSans-Medium.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Regular;
    src: url(../../fonts/UntitledSans-Regular.otf) format('opentype')
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    .header-right .myCompassImg {
        width: 120px !important;
    }
}

.complete-profile {
    width: 100%
}

img.img-Background {
    width: 122px;
    height: 122px;
    position: absolute
}

img._idGenObjectAttribute {
    position: absolute;
    height: 62px;
    width: 62px;
    border: 5pt !important;
}

.professional_img {
    height: 100px;
    padding: 18px 25px 10px 42px
}

.Basic-Text-Frame {
    position: absolute
}

li.professional {
    margin-right: 50px
}

p.font_size_13.Basic-Paragraph.ParaOverride-1.logout {
    margin-top: -86px
}

p.font_size_13.Basic-Paragraph.ParaOverride-1 {
    margin-top: -72px
}

p.Basic-Paragraph.ParaOverride-1 {
    text-align: center;
    width: 110px;
    margin-top: -88px;
    color: #000;
    font-size: 12pt;
    padding-left: 22px;
    font-family: DMSANS-REGULAR;
    line-height: 14.4pt !important;
    padding-top: 49px !important
}

img._idGenObjectAttribute-Help {
    position: absolute;
    height: 62px;
    width: 62px;
    margin-left: -5px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Login {
    position: absolute;
    height: 62px;
    width: 62px;
    border: 5pt !important;
}

img._idGenObjectAttribute-LogOut {
    position: absolute;
    height: 62px;
    width: 62px;
    margin-left: -15px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Register {
    position: absolute;
    height: 62px;
    width: 62px;
    margin-left: -4px;
    border: 5pt !important;
}

img.footer_background {
    height: 173px;
    width: 100%
}

.Basic-Graphics-Frame._idGenObjectStyle-Disabled {
    position: absolute;
    height: 158px
}

.registration_Background_img img {
    position: absolute;
    height: 286px;
    width: 100%;
    margin-top: -19px
}

.registration-dotGraphics img {
    position: absolute;
    margin-top: 87px;
    height: 180px;
    transform: rotate(180deg);
    width: 35%
}



.margin-register-header {
    margin-top: -15px
}

.registration-dotGraphics-step2 img {
    position: absolute;
    margin-top: 87px;
    height: 222px;
    transform: rotate(180deg);
    width: 35%
}


div#myCompassNavbar {
    height: 122px !important;
    background: #fff
}

.container.background-color-white.width-80 {
    margin-left: 0;
    width: 100%
}

.row.margin-width.mobile-width-100-percent-important {
    margin-left: 30px;
    /* width: 30%;*/
    width: 400px;
    display: inline-flex;
}

.container.background-color-white.width-80.margin-top-3 {
    margin-top: 0 !important
}

.questionnairSurvey {
    width: 64%;
    float: right;
    border: none;
    margin-bottom: 118px;
    margin-right: -70px;
}

.btnquestionnair {
    border: none;
    outline: 0;
    padding: 2px 8px;
    background-color: transparent;
    cursor: pointer;
    width: 208px;
    color: #7e8180 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important;
    text-align: left
}

    .active, .btnquestionnair:hover {
        color: #31251b !important;
        font-family: DMSans-Regular !important;
        font-size: 12pt !important;
        letter-spacing: 0 !important;
        font-weight: 900
    }

.margin-left-52px {
    margin-left: 52px !important
}

.margin-left-40px {
    margin-left: 40px !important
}

.margin-very-difficult-left-9px {
    margin-left: 9px !important
}

.margin-somewhat-left-6 {
    margin-left: 6px !important
}

body {
    font-family: DMSans-Medium !important;
    font-size: 12pt;
    overflow-x: hidden;
    width: 1240px;
    margin: auto
}

.margin-top-20 {
    margin-top: 20px
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

.padding_top_bottom_20 {
    padding: 20px 0
}

p.padding_10.active {
    background: #fcece6 !important;
    border: 1px solid #d64204 !important;
    color: #d64204 !important
}

button.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    border: 1px solid #e14504;
    margin-left: 15px;
    float: left
}

.glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 130px;
    margin-left: -15px;
    transform: translate(-34px,-60%) rotate(315deg) scale(.34,.34)
}

.glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 130px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(-46px,-60%) rotate(135deg) scale(.34,.34)
}

    .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

.glyphicon.glyphicon-chevron-left:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
}

.owl-carousel {
    top: 40px
}

.hear_from {
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    color: black;
    line-height: 39.6pt;
    position: relative;
    margin-bottom: 20px;
    top: 15px
}

input[type=radio].custom_radio_button {
    margin-right: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 6px;
    background-clip: content-box;
    border: 1.5pt solid #e14504;
    background-color: transparent;
    border-radius: 50%
}

    input[type=radio].custom_radio_button:checked {
        background-color: #e14504;
        background-clip: border-box;
        border-color: #e14504
    }

.hear_from_lable {
    font-family: DMSans-Medium;
    font-size: 14.024pt;
    color: #000;
    position: absolute;
    line-height: 16.829pt;
    margin-left: 3px;
}

.carousel_image.fade_out {
    opacity: .5
}

.carousel-inner .hiden {
    display: none
}

.mountainbackground .Basic-Graphics-Frame {
    height: 100%
}

.mobile-color-white .backgound-color-white {
    height: 390px
}

.pading_left_0 {
    padding-left: 0
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.mobile-self-assement-div .tab-pane.fade.in.active, div.self-assesment .mobile-self-assement-tabs .active {
    border-bottom: none
}

p.padding_10 {
    background: #fff !important;
    box-sizing: border-box;
    border-radius: 100px;
    width: auto;
    padding: 0;
    line-height: 24px;
    /*margin-right: 0;*/
    margin-bottom: 0;
    margin-top: 8px;
    border: 1px solid #bfbfbf;
    margin-right: 20px !important;
}

.margin_top_60 {
    margin-top: 60px
}

.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    font-weight: 400 !important;
    float: left;
    border: 2px solid #e14504;
    left: 15px;
    position: relative
}

.panel-heading .mobile-self-assement-tabs .take-screener-tab:hover {
    border-bottom: 3px solid #f79c00;
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.margin_top_35 {
    margin-top: 35px
}

.margin_bottom_20 {
    margin-bottom: 20px
}

.self-assesment .mobile-self-assement-tabs li a:focus {
    outline: 0 !important
}

.self-assesment .mobile-self-assement-tabs li:focus {
    outline: 0 !important;
    border: none !important
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 6px solid #e14504;
    color: #e14504
}

.mobile-self-assement-div .nav-tabs li a {
    border: none;
    border-bottom: 6px solid #dcdcdc;
    margin: 0 3px 0 3px !important;
    color: #dcdcdc
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 3px solid #ff9f1a
}

.mobile-self-assement-div .panel-heading {
    padding: 10px 0
}

.mobile-self-assement-div .panel-body .tab-content {
    background: #fff5e8;
    padding: 15px;
    border-radius: 10px;
    height: 400px;
    width: 720px;
}

.mobile-self-assement-div .panel-body {
    padding: 0;
    width: 100%
}

.mind_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAIA0lEQVRYR82Ye1QTdxbH70wyiSEkPMMrhvdDRFdQebS1HmwRo7JyBKW4R6Vdt3WhQN2uVXvc7Wp7jrsi2lMWH6v4tlXLtlXxwRatWtkKRDe1PA0gAcTwSoAkJGQmmdk/3GFDnlrU3c8588fv3u+9c/Ob3+83d4JQFAX/zzCdCSwZ2L72G+NAj8iZDgDAt+jca6gLT+1M5wjkSWaQkDfPUJ8vKwAA0N34OpvUafjOYgAAXBdmHwOMjbskLargJKZedKa3hcMZ1EuuiU0DPSJc3jxDe/n4O+Y+LHhaA3t6wm1bceSo2k1381yWturMmwAAJlWfn0nZ64+w2AZuyhsnbMXYw26B+IPGWSNf7P6joanuZQAAYDCMrJCYn2g/NznjDH9l/i5bscb+h4HGngfhAADGRx3h+prKZfqaymUolz+MBUc3YEHTGhGMZbAVa4ndR9y9IkJJaoY86THK91CKylu9bYod0L8164r+zndic5vw2J1wpn9wu70Yc1BLg7HnQXinWECaF8eJf/2K6EuZwFynOXeooHeDePwR9763qKZTLCAtL97y9Z8FVQ6gPp+cTqO1PW/Ft45e/2oVPAETZlAvuSYeKttWRMibZ9I21yVrD/JXvFvMcBf0923JuErbyeFBH5N6yAsLjGgGACC6ZNHUmI4LFmDCMBl/Zf4ul/np5bhMGt+3JbMKAIDpH/SA98t1+/iZebstY8yZsAZJzZCXeXG89N+Uui7MPo4Jw1pJ9ZAXLvtxrmUCSxt72pxaTkLK5eETO7cDABA97ZEmZW8AyuWPsGOSqj0Li3NHjv/5Y6OiM1RbdSYHTCYGP6ugyDIvzXiBhibJS2P3qhfQY25K1knekpy/YcHRDcaBHpGu+mIm7Zsya951ZkCIzTXEnjanhpO46KJx4JFo9OrZNRSBs2kfwmKP8Za+eUBdXroRRpQCoqNppu6HS8ufqMDRG1+v0laeWodgbAMWFNnkmbczn1QrBXhbfZyhsfaVoQNbPwUAwIKimvgr83dx4lOu2EsKAOC14dO3dbcqMikCZ5tUff54W33c45Ngej0WNK2J1Ax7ktphD3JM54K318exwmZKbeUZX4OqfR+WaM4fKmAKQ1uFR+oiAQD6//DGZb3k2mLzAOFRSQQzIKTNRi4rujPDVaR22IMeo3zPQVH54802+Jf1n49e/+pXAACAoGRQZT/DVg6rXfwsEZXLvDlzX/uHM50jUAAA5e6CI7rvz2WZO/q2ZFQZmiQvAwCwpyf84F9SleBfUpXAEAR020pkExQlPXJ3FLqKV5cBAJCjandF4cI60+Cjqe45H37Ez8zd4ywFEwCA6JJNNw0N+LKiZtfxl6//DAAAb6ufTY6q3QAAUC5/hBUVJ3GUyB7Y1HAZb2nOQQRjGzQVh9/F70vjKQJnM/2D25k+U7ucxU94xJgwtJW7IPMLe+KfCysyTsJJSLnsTGcLu2uQFRxdT7dKpE7DI+TNM+xpHWFUyEPx9oZYo6Iz1L6KQvD2hljKoHex9Ngt0Lf4QjI7JuGfAACGxtp5vR8su2FP6whV6aa9irxkqWrflr/aFVEUoshLlhKdLTGWLoftls/Hp9OGTxX9aeTz4o8c6QAAejeIbxvuS+OtHBQ5Pgko31MpOtvsCyjDBADAS3+nhBURd6f3/SXVVnH/wXFHjaIkIKjdjpaQt8xQ7ik8DACAd96PAdJk8yxzXbz2kOvi1WUIg2GkiwMAAAShAEXHx4PFBUfd12za5vLqsr/Ttidu+akxHVdVummv25rN2xhuXgNj96qTNRcO5xvu/yuB1rjMT/9yyi9euWkZy46aXceKjL1jaQcAYPoFdnjm78xXlW4uJTpbYtTnDhWSYzqu68Ls4wAWBRoV8jDdrQsrzH8BK3ymdMqcBd+O3b2eqqk4kscQCLsZ7t79Y9LvU3TVFePvZ06SuIK3NOfglNj51+ApYHj49PHSfr0Pb/1ptq6mcpmh4farTF+RnC4QoSgKBnfmntTf/U5Mjii9zV91NIbG2nnKkt/vJ+QtE3YywuboMGFoKwCA9+YDq7Hg6AaYBIqChXW4TBrPSUy96PH29g8wUUQLCgDgvXn/Gm5yxml7geyYxGq/XRXJlnZWyPR6//03Y/3334ydbHHm6Gu/TRvYtvo8gI01aOzpCO9a4kdMPdvii/LcVbQd5XsoAy/3YuZaBEGcfxI6wdByN7Hv/aXVAACUjU1mY5NQCGUyMgGs740wmEZr/SSh6PvZZtzBnZ9eTuk0fG3VmRwAgKGy7UX8jNw9WFBUk73gyUKfBPSYv7KgiOn7+P2Mct2GAcwKZM9IugUMJkHqR1111RWZ2spT61AXnpqbknWCFTbzR+v0k4foaJz1+CRAKNfUVcd4aW8dYPoFdkwQURQ14SIetkfIU70o+lKWbNxHKDpDLHXP4lJ/c+A9eaoXJV8kMNnTOG1YNReP5qpKN+11pnteWBXIDAhpC7ykYJnv4P8l1jOIIBTCxAjfHeVidvTcGgAAQ7Pkpf6tWZVW2heA/X4wMk7ilv27HZz4lCukdsTdIJNafRO/CBw2C5ykRRWG1ntz9JKrE77snha8vT4Wb2+ItbQbWv7baNjjibuZn4uxrytYe+n4es2lY791prXFcy9QVbJxv+W/W0/Dcy3wYXZ0r2lYKQAA4Mx9vVKw7WS6sxhLnmuBFEGwgCJRV/HqMn5m3h4EY+HOYixxelA/C5gCYTcWGNnsTGeLF1LgZPg3bYedHvcqPgEAAAAASUVORK5CYII=)
}

.instgram_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAHGUlEQVRYR8VYf0xT5xr+enpoew7U0lJKQ0BLK2Ybk8qolCG4SOqEGEAZ3HVEjQnZwo2J9x+aGP4ZSzQsQZyLZiYOuSbmuntTG52LjDAlmVQTFS4pmrX+Ys6aOq602B+Hlh5Pv/vPTvl6bM/BKNubPEnfc57ne5/zfuc75zsVQQhBppienn5vdHS0YXJysvLhw4clz54904bDYenCwoIqFosBPi03RCIRIAgCkCQ5J5fLYwUFBf8rLS31mEymqcbGxuHS0tJf0gohhC/hypUrDVVVVVMAAPhnob6+/urNmzdruV5SksXFRVlXV9c/hQZbKWAYxvT09AwwDCNiPYnYaYrH47L29vYfLl68aAFpQqlUUkVFRV6FQuEnCCJBEEQAAAAkEgnAcTydBAAAAE3TgKZpAAAA0WhUTVGUKBgMqr1eb1EoFCLTafbu3Ws/derUxxiGLXUvXef0ev3jI0eOHJiZmVmX7lZ4HSQSCZHb7TYeOnToc61WO8ut3dvb+2Vyii9fvtzAJXR2dp6JRqMyoUJvAqFQSNHa2noJrY/jOONyuSoBhBCYzeYprrlEIiHiG/RNg6ZpvLm5eRT10dLS8iNwuVzvoQdLSkoer3TnpqenK4xGo1ssFsNt27b9/PTp00IIIQgEAvkqlWqe9YJhGASHDx8+gBocGBg4IFTgdZBIJETr1q37Fa3Z1tb2PXveZrN9nXK7Wa1WB3rgdRZEPB6XRSKRfJqmpZk4c3Nz+dz7vbCwcJY973Q6t6Sc37hx43/ZRKlURoRMcAxJzp0794nVaj1XXFz8u0gkSk6NXq/37tmz57vh4eFmhmHErIZhGLHBYPgNNbFjx45L7PmFhQU5hmFLBnU6nY9N1q9f7xYyxWJkZKTJYDA84nYjHYxGo+fatWsfsNrbt29XbNiw4Rccx5nGxsYrs7OzhejYBQUF/qRepVIlk9raWqeQMQgh6Ovr+4Lt1nKB4zgzODjYJTQ2hBCsXbv2QVJLEERykK1bt14VEvf19X2RzoBWq/Vv3759ZNeuXf9uaGj4KS8v7zmXg2EYMzQ09JlQDaPR6E7q0E40Nzdf4BOOjIw0cTun0+kenz9//m/ofQYhBDRNZ505c+ZTjUbjR/lZWVn0xMREDV8ds9k8gWiWxHwG4/G4xGAwPEb5mzZtmpyfn8/jK+bz+VYbjca7qM5sNk/xvQhqamqcaQ22tbVlNOhwOD7hdi4QCPCaY+H1etdwp3x8fHzLcgxiAAm+XYndbv8IzY8ePdqtVCr9mfhoFBUV/Xbw4MHP0WN2u709E58byauyWq0ZO1hcXPw7y9NqtX7uPScEiqJyCIKIsWOYTCbXK3cwU9A0LXvy5EkBm1dWVt7CMIzh03CDJMlIWVmZm80fPXq0ho/PxrIMxuNxOYQwmSuVyuc89IyRm5tLsb8pilLwcdlYlkGpVBrCsCXq3NxcHg89Y/j9/lXsb7lcPs/HZWNZBnEcX9TpdE/Y/NatWxsZhsni03AjFAop79y58zab6/X6GT4+G8syCAAAtbW1Tva33+9XnD17di8P/aU4efLk32maTj4m6urqxvn4aCRXcWtra8ZVPDw83IxyNRqN3+fzrRZavRBC4PF43s3Ozl5A9RMTE+8vZxWnGOR7kzAMIy4vL/egfKPReNfr9a4RMvfH7ZHUWSwW3nd+isFXeRdfv379AxzHGbRYXl7e8xMnTvyDoqgclBsMBpX9/f09OTk5KZ0jSTLq8Xje5atTVVU1mdSQJIlemeB2a3BwsOuPZyBEQRBEzGQyTVksFmdFRcW0RCKhuRyJRBK/cOFCu1CN8vLypd2MWq1+xiY1NTXXhMQQQjA0NPRZVlbWSwb4QJJkdDnmIITAYDDMJLUlJSVeNikrK7srJGYxOTlZw/1czQSLxXJVaFpRqNXqpY1FdXV1cr5XrVpFvcr3cCKREI2Pj2/Zv3//NyaTyaVWq58TBAE1Gk2gurp6wmazfcW3WtMhEonkpuw5d+/e/S/0at1ut1FokJXE2NjYh6gfzGQyTQEkHA7HDvAXhsPhSN2G3bt37x2AONZqtbOhUEghdKUrAZ/PtzonJyfCesFxnAYQQlBfX38VNblz585LNE3jQgO+SYTDYcXmzZtvoD46OjrsAEIIbty4Uct9tjU1NY0GAoF8oYHfBHw+3+q6uroUczKZbPH+/ftvJUk9PT0DKAEAAFUq1bzNZvva6XRuiUajcqFCr4JwOJw7Njb24b59+75Fp5XFsWPHuiFE/mFNJBKizs7O/5w+fTrttwKGYSA/Pz8gl8vns7OzaZlMRonF4lg6brp48eIFEYvFSIqipMFgUOX3+xVsbW50d3d/09/fvw8AAFKuimEYUW9v75fc9+2fBalUunj8+PFu1FPa9rtcrsqWlpYfU/7EWUHgOE53dHTYHzx48BbXy/8BuaPp0zd4OHYAAAAASUVORK5CYII=)
}

.instgram_log_div {
    padding-left: 0
}

button.btn {
    float: right;
    margin-top: 32px;
    margin-bottom: 10px;
    border: 2px solid #d64204;
    border-radius: 100px;
    background: #d64204;
    color: #fff;
    font-family: DMSANS-MEDIUM;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 0;
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase
}

.btnback {
    width: 190px !important;
    min-height: 48px;
    float: left !important;
    margin-left: 20px
}

.btnNext {
    float: left !important;
    background: #e14504;
    color: #fff;
    border: 2px solid #e14504;
    width: 190px;
    min-height: 48px;
}

button.btn.btnback:hover {
    color: #d64204 !important
}

.answer-options input {
    visibility: hidden;
    display: none
}

.answer-options label {
    width: 190px !important;
    border-style: solid;
    border-color: #bfbfbf;
    border-width: 1px;
    text-align: center;
    height: auto;
    min-height: 50px;
    background-color: #ffffff;
    margin-top: 5px;
    font-family: DMSANS-MEDIUM !important;
    line-height: 14.515pt;
    font-weight: 400 !important;
    text-transform: none;
    background: #fff;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 12px 10px;
    color: #000 !important;
    font-size: 12pt !important;
    letter-spacing: -1px !important;
}

.commondQuestionHeaderDiv {
    padding: 100px 10px 20px 5px
}

.answer-options label.active {
    background: #fcece6 !important;
    border: 1px solid #d64204;
    color: #d64204 !important
}

.register-label.GAD7 {
    padding: 135px 10px 10px 40px
}

.background-color-white {
    background-color: #fff5e8 !important;
    border: none !important;
    border-radius: 25px
}

.questionDetails {
    color: #e14504;
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    padding: 20px 10px 0 20px;
    line-height: 16.8pt
}

.gAD7questionDetails {
    color: #e14504;
    font-family: DMSANS-REGULAR;
    padding: 20px 10px 0 20px;
    font-size: 14pt;
    line-height: 16.8pt
}

.QuestionDiv {
    padding-left: 5px
}

@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 17%
    }
}

@media only screen and (max-width:768px) {
    .width-gender {
        width: 100%;
        max-width: 418px !important
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0
    }

    a.try_activity_button {
        margin-left: 0 !important;
        padding: 10px 75px !important
    }

    .registration_Background_img-step1 img {
        margin-top: -19px !important;
        width: 100% !important
    }

    .registration-dotGraphics-step1 img {
        margin-top: -17px !important
    }

    .margin-register-header {
        margin-top: 27px !important
    }

    .navbar.container-fluid {
        margin-bottom: 0;
        overflow-x: hidden
    }

    div.PrimaryGraphics .get-started-button {
        margin-right: 0
    }

    div.PrimaryGraphics {
        margin-right: -15px;
        height: 870px;
        background-position: left 0 bottom !important;
        margin-left: -15px;
        background-size: 100% 202px !important;
    }

    .dashboard .container-fluid {
        padding: 0 0
    }

    div.mobile_margin_bottom_5 {
        margin-bottom: 5px
    }

    .row.bottom-bg-imag {
        display: none
    }

    .your-treatment-number14, .your-treatment-number7 {
        margin-right: 10px;
        position: relative;
        top: 5px;
        float: left !important
    }

    .treatment {
        position: relative;
        top: 14px
    }

    div.mobile-color-white .backgound-color-white {
        height: unset
    }

    .questionnairSurvey {
        width: 100%
    }

        .questionnairSurvey.padding100right {
            padding-right: 0px !important;
            float: left;
        }

    .answer-options.PHQ9 {
        text-align: center;
        width: 100% !important
    }

    .questionnaireBackground {
        display: none !important
    }

    .register-label.GAD7 {
        padding: 90px 10px 10px 5px
    }

    button.btnquestionnair.GAD7 {
        width: 32% !important
    }

    .answer-options label {
        width: 109px;
        padding: 10px 4px;
        height: auto;
        font-size: 12.096pt !important
    }

    .div-back {
        width: 310px
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 40px !important
    }

    .btnquestionnair {
        width: 32%
    }

    .gAD7questionDetails {
        padding: 20px 10px 0 15px
    }

    .commondQuestionHeaderDiv {
        padding: 25px 0 20px 0
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 100%;
        padding-left: 0 !important;
        font-size: 14pt !important
    }

    .questionDetails {
        padding: 20px 0 0 14px
    }

    button.btn {
        width: 108px;
        height: 35px;
        margin-right: 0
    }

    .btnback {
        margin-left: 0 !important
    }

    .btnNext {
        float: right;
        background: #d64204;
        color: #fff;
        border: 2px solid #d64204;
        width: 100% !important;
        margin-right: 4px !important
    }

    .btn.btnback {
        margin-left: -10px;
        width: 100% !important;
        margin-right: -2px !important
    }

    .QuestionDiv {
        padding-left: 5px
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange {
    width: 176px;
    height: 36px;
    padding: 5px 0;
    background: #e14504 !important;
    color: #fff !important;
    margin-top: 15px !important;
    opacity: 1 !important
}

    .Register-Continue-Style .Profile-Save-Button.button-orange:focus {
        outline: 0
    }

div#questionnairSurveyHeader :first-child {
    margin-right: 30px
}

div#questionnairSurveyHeader {
    padding-bottom: 30px
}

button.btnquestionnair.GAD7 {
    width: 174px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 auto -webkit-focus-ring-color !important
}

.div-back button.btn.focus, .div-back button.btn:focus, .div-back button.btn:hover {
    color: #d64204;
    color: #fff;
    text-decoration: none
}

.div-back button.btn.btnNext.focus, .div-back button.btn.btnNext:focus, .div-back button.btn.btnNext:hover {
    background: #ae411c !important;
    transition: .35s ease
}

.container.register-selfassessment {
    margin-bottom: 80px
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.PrimaryGraphics {
        background-size: 96% 28% !important
    }

        div.PrimaryGraphics .get-started-button {
            padding-left: 24%;
            padding-right: 24%;
            position: relative;
            left: 0;
        }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 405px 100%
    }

    button.btn {
        width: 90px;
        margin-right: 0
    }

        button.btn.btnNext {
            width: 90px !important
        }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .div-back {
        width: 268px
    }

    .questionnairSurvey {
        padding-right: 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 39% !important
    }

    .active, .btnquestionnair:hover {
        font-size: 12pt !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 3PX;
        margin-top: 20px
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 20px !important
    }

    .btnquestionnair {
        width: 46%
    }

    .btnquestionnair {
        font-size: 14pt !important;
        line-height: 16.8pt
    }
}

.row.questionnaireBackground {
    margin-left: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.questionnaireBackground {
    position: absolute;
    margin-left: -25px
}

    .questionnaireBackground img {
        width: 550px;
        height: 50%;
    }

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .div-back {
        width: 358px
    }

    .btnquestionnair {
        width: 52%
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: -3px !important;
        padding-right: 0
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    button.btnquestionnair.GAD7 {
        width: 46% !important
    }

    .answer-options label {
        padding-top: 10px;
        height: auto;
        font-size: 12.096pt !important
    }

    button.btn.btnNext, button.btn.btnback {
        width: 130px !important
    }

    button.btn {
        width: 135px;
        height: 35px;
        margin-right: 0
    }
}

.background_light_blue {
    background-image: url(../../Images/1021.png);
    margin: 0;
    padding: 10px;
    padding-bottom: 100px
}

.your-treatment {
    padding: 20px 10px 0 10px
}

.margin-left_8 {
    margin-left: 8px
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.featureSnippet .container-fluid.snippetCarousel {
    margin-top: 0;
    width: 100%;
    padding: 0;
    background: #fff5e8
}

.carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
    margin-left: 20px;
    transform: scale(.5) rotate(140deg);
    top: 100px !important
}

.carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
    transform: scale(.5) rotate(320deg);
    margin-right: 20px;
    top: 100px !important
}

.featureSnippet .row.snippetsDescription {
    min-height: 200px;
    padding-top: 30px
}

.featureSnippet .carousel-indicators li {
    border: 1px solid #f49771 !important;
    background-color: #f49771 !important
}

.carousel-control.left, .featureSnippet .carousel-control.right {
    opacity: 1;
    background-image: none !important;
    cursor: pointer
}

.featureSnippet .row.snippet-BackGround-img {
    position: absolute
}

    .featureSnippet .row.snippet-BackGround-img img {
        height: 358px;
        width: 100%;
        margin-top: 58px
    }

.featureSnippet .row.snippetsDescription :first-child {
    padding-bottom: 10px
}

.featureSnippet .carousel-indicators .active {
    background-color: #e14504 !important
}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .featureSnippet .carousel-inner > .item.active {
    border: none !important
}

.featureSnippet .carousel-inner {
    background-color: #fff5e8;
    min-height: 275px
}

.row.bottom-bg-imag img {
    width: 100%;
    margin-top: -282px
}

.view-side-arrow {
    display: inline-flex;
    transform: scale(.5) rotate(320deg)
}

    .view-side-arrow img {
        position: relative;
        margin-top: -15px
    }

.snippetBody.font-Montserrat-light {
    height: auto
}

.color_light_red {
    color: #e14504
}

.tracking_text {
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt
}

.PrimaryGraphics {
    background-color: #f9f8f7
}

.margin_top_30 {
    margin-top: 30px
}

li.ng-scope {
    display: none
}

    li.ng-scope.active {
        display: inline-flex !important
    }

.actives_div {
    background-color: #fff5e8;
    text-align: left;
    margin: 0;
    /*    margin-top: 40px;*/
}

.colxs11 {
    margin-top: 65px;
}

.Activities-p {
    color: #000;
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 14pt;
    font-family: DMSans-Regular;
    line-height: 16.8pt
}

.getstartedactivities {
    margin-bottom: 11%
}

.getstartedactivities-button {
    background-color: #e14504;
    color: #fff;
    text-decoration: none
}

    .getstartedactivities-button:hover {
        background-color: #e14504;
        color: #fff;
        text-decoration: none
    }

.btnOrange:hover {
    background-color: #e14504;
    color: #fff !important
}

.btnOrange-uppercase {
    text-transform: uppercase
}

.PrimaryGraphicsImage {
    height: 500px;
    min-width: 100%;
    width: 451.55px;
    margin-left: 81px
}

.Primaryimage {
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-right: -8px;
    margin-top: -350px;
    z-index: -1
}

@media (min-width:992px) {
    .col-md-offset {
        margin-left: 1.25% !important
    }

    .get-started-style {
        padding: 0 100px
    }

        .get-started-style .section-1, .get-started-style .section-2, .get-started-style .section-3, .get-started-style .section-4 {
            padding: 15px 0 60px 0 !important
        }

    .Dashboard-Knowledge-Center {
        padding-left: 33pt
    }

    .knowledge-header-margin {
        margin-left: 32px
    }

    .Knowledge-margin-top {
        margin-top: 50px;
        width: 100%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .getstartedactivities-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 6px
    }

    .Primaryimage {
        height: 477PX;
        width: 100%;
        position: relative;
        background-size: 140% 62%;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_045.png);
        float: right;
        margin-top: -356px;
        z-index: -1
    }

    .knowledgeCentre .padding-left-42 {
        padding-left: 25px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .getstartedactivities-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 15px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .getstartedactivities-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }
}

.snippetCarousel .left.carousel-control.item.text-center, .snippetCarousel .right.carousel-control.item.text-center {
    height: 0
}

.professionalsHeading-contents {
    width: 100%;
    padding-top: 95px;
    position: absolute
}

.row.professionalsHearder .leftSide-img img {
    width: 100%;
    position: absolute;
    height: 310px
}

.row.professionalsHearder .rightSide-img img {
    width: 100%;
    height: 310px;
    margin-left: 0;
    float: right
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

.colsClass, .expClass {
    color: #f47e0a
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    background: 0 0;
    border-top: 2.5pt dotted #e14504 !important;
    border: none;
    height: auto
}

.offset-md-1 {
    margin-left: 18px
}

.row.professionalsHearder {
    background-color: #fdf5f8;
    margin: 0
}

.navbar {
    margin-bottom: 0 !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.navbar-default {
    background-image: none !important
}

.about-home-content .media-body span:not(span.faicon) {
    font-size: 22pt;
    line-height: 36pt !important
}

Button.Tracking-button {
    width: 13%;
    padding: 10px 0;
    background: #e14504;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #e14504;
    text-transform: uppercase;
    font-family: DMSans-Medium
}

.tracking-p {
    font-size: 42pt;
    font-family: DMSANS-REGULAR;
    margin-bottom: 35px;
    margin-top: 0;
    letter-spacing: 2px !important;
    line-height: 50pt !important;
}

.tracking-check-div {
    margin-bottom: 10px;
    letter-spacing: .4px
}

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        padding-right: 5px
    }

.tracking-label {
    margin-inline-end: 24px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


span.checkmark.trackingitems {
    margin-left: -10px !important;
}

span.checkmark {
    border-radius: 12px;
    margin-left: -1px;
}

    span.checkmark.checkmark-traking-Section {
        margin-left: 0px;
        margin-top: 0px;
    }

.depression-checkbox {
    margin-right: 31px
}

.tracking-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee
}

.tracking-label:hover input ~ .checkmark {
    background-color: #ccc
}

.tracking-label input:checked ~ .checkmark {
    background-color: #e14504
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tracking-label input:checked ~ .checkmark:after {
    display: block
}

.tracking-label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.progress-div {
    float: left
}

.progress-div-line {
    float: left
}

.progress-div {
    width: 22px;
    height: 22px;
    border: 2px solid #e14504;
    border-radius: 100%
}

.progress-div-line {
    width: 20px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

.tracking-dashboard-username-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 30px;
    margin-bottom: 30px;
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 40px;
    letter-spacing: 2px !important;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png)
}

.traking-primaryGraphicimg {
    height: 480px !important;
    opacity: .1
}

.tracking-container {
    margin-bottom: 0
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 5px
    }

    .activity-container .dasbord-Activity-Recommended {
        margin-top: 175px !important
    }

    .tracking-label {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 9px;
        width: 103px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 17%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .tracking-label {
        width: auto
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 23px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 13px;
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 22%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        cursor: pointer;
        width: auto;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 98%;
        margin-left: 25%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 8%;
        height: 25px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .progress-main-div {
        width: 43%;
        margin-left: 38%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    div.editTracking_text_div {
        margin-bottom: 20px
    }

    .tracking-graph-container .lower-button-tracking a.editTracking_text {
        margin-left: 0
    }

    .self_assesment_mobile_padding_left_8_right_8 .takeSelf-Assessment-desc_div {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .selfAssessmentInDashboard .first_question {
        left: 33.333333% !important
    }

    .first_question {
        left: 17.333333% !important
    }

    input.mobilenumber-border-orange {
        width: 100% !important;
        max-width: 418px !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: -4px
    }

    div.first_question .btnNext.btnsize {
        width: 220px !important
    }

    .owl-carousel .owl-stage-outer {
        width: 100% !important;
        margin: auto !important
    }

    .person-text {
        width: 70% !important;
        margin: 20px auto !important
    }
}

.tracking-check-div label {
    font-weight: 700 !important
}

.takeSelf-Assessment-text.color_black {
    color: #000 !important;
    margin-left: 16px
}

.myCompass_users_label {
    cursor: pointer
}

.progress-div.active {
    background-color: #e14504
}

.text-below-tracking-button {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt
}

.getstarted.text-below-tracking-button {
    margin-top: 1px !important;
}

.addentry.text-below-tracking-button {
    margin-top: -30px !important;
}


a.text-center.get-started-button.getstartedbutton:hover:focus {
    color: #fff !important
}





a.getstartedactivities-button.get_started.ng-binding {
    font-size: 12.096pt !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    line-height: 14.515pt
}

.form-control:focus {
    border-color: #e14504 !important;
    box-shadow: none !important
}

.btn_getstarted {
    margin: 42px 0 14px
}

.dropdown-menu li.ng-scope {
    display: block
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #000
}

.ddlBirthYear .dropdown-menu {
    display: block;
    top: 34px;
    left: 15px;
    height: auto;
    overflow-y: scroll;
    width: 320px;
    max-height: 150px
}

.ddlBirthYearMatch {
    display: block;
    top: 34px;
    left: 15px;
    height: 37px !important;
    overflow-y: scroll;
    width: 40%
}

.ddlBirthYear .active {
    border-bottom: none !important
}

button.btnquestionnair.active {
    border-bottom: 4px solid #ff9f1a !important
}

.questionnairSurvey p {
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-header {
    font-family: DMSans-Regular !important
}

.newUserModal-footer button.btn {
    border: 1.5pt solid #e14504;
    color: #e14504;
    width: 176px;
    height: 36px;
    font-family: DMSANS-MEDIUM;
    font-size: 12.096pt
}

    .newUserModal-footer button.btn.btnclose {
        margin-top: 5px !important
    }

    .newUserModal-footer button.btn:hover {
        background-color: #e14504 !important;
        color: #fff !important
    }

.modal-content .modal-body p {
    font-family: DMSANS-REGULAR;
    font-size: 14pt
}

.modal-content .modal-title {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.mobilenumber-border-orange {
    border: 1px solid #e14504;
    margin-left: 0;
    font-size: 14pt;
    font-family: DMSans-Regular;
    width: 250px !important
}

.register .form-group {
    margin-bottom: 0 !important;
    /*  margin-left:100px !important;*/
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.row.footer-elements {
    width: 100%;
    margin: 55px auto
}

.Home_Splash_div {
    background-color: #f6f8f9;
    padding-top: 80px;
    padding-right: 0;
    width: 1240px;
    position: relative
}

.Home_Splash_Hill {
    width: 100%
}

.Home_Splash_Man_div {
    position: absolute;
    bottom: 0;
    right: 0
}

.Home_Splash_Man {
    width: 100%
}

.Home_Splash-images-width {
    padding-right: 0
}

.myCompass-text-color {
    color: #e14504;
    font-family: DMSANS-MEDIUM
}

.myCompass-text1-color {
    color: #e14835;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18pt;
    font-family: DMSANS-REGULAR;
    width: 750px;
    margin-left: 80px
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .container-register {
        padding-left: 40px !important
    }

    div.PrimaryGraphics {
        height: 950px;
    }

    h2.Share-myCompass-heading {
        margin-left: 0 !important;
        width: 320px;
        font-size: 38pt !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 15px
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0
    }

    .Home_Splash-images-width {
        margin-top: 20px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .myCompass-text-color {
        color: #e14504
    }

    .crisesSupport-width {
        max-width: 320px !important
    }

    body {
        width: 100% !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        font-size: 18pt !important;
        width: 100% !important
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .container-register {
        padding-left: 40px !important
    }

    .share-myCompass-button {
        margin-left: 0 !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 15px
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0
    }

    .Home_Splash-images-width {
        margin-top: 20px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .myCompass-text-color {
        color: #e14504;
        font-size: 6.25vw !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        font-size: 18pt !important;
        width: 100% !important
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (max-width:768px) {
    .container-register {
        padding-left: 40px !important
    }

    .unsubscribeUser.Profile-Save-Button.button-orange {
        padding: 10px 2px;
    }

    .Register-Continue-Style button.btn-step1-continue.Profile-Save-Button.button-orange.btnOrange {
        margin-left: 12px !important;
    }

    .header1 {
        background-size: 200px 100% !important;
        line-height: 50pt;
        padding-top: 40px !important
    }

    .share-myCompass-button {
        margin-left: 0 !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important;
        padding-right: 0 !important;
        width: 90% !important
    }

    .Share-myCompass-heading {
        margin-left: 17px
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 0;
        padding: 0 !important
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0;
        width: 100%;
        padding: 0
    }

    .Home_Splash_Hill {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0
    }

    .Home_Splash_Man {
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0 !important
    }

    .Home_Splash-text-width {
        margin-top: 32px;
        padding-left: 15px
    }

    .Home_Splash-images-width {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        position: relative
    }

    .myCompass-text-color {
        color: #e14504;
        font-size: 36pt !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 18pt;
        width: 100%
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

.body-content {
    padding: 0 !important
}

a.try_activity_button:hover {
    color: #fff;
    background-color: #e14504
}

button.btnquestionnair:hover {
    border-bottom: 4px solid #ff9f1a !important
}

p.padding_10:hover {
    background: #eee !important
}

.padding_10.active .self_asessment_lable {
    cursor: pointer;
    color: #d64204;
    font-weight: 400
}

.QuestionDiv .register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important;
    font-weight: 400
}

a.footer-menu:focus:hover, a.footer-menu:hover {
    text-decoration: none;
    color: #e14504 !important
}

.black-Dog-Institute-width {
    width: 230px
}

.mobile-self-assement-div .fa-chevron-down:before {
    font-size: 10pt
}

.media .fa-chevron-up:before {
    font-size: 10pt
}

.about-home-content ul {
    font-size: 14pt;
    font-family: DMSANS-REGULAR !important;
    letter-spacing: 0;
    line-height: 23pt;
    color: #000 !important
}

.about-home-content .accordion-tabbed-collapse-in-bgcolor span {
    font-size: 18pt !important;
    font-family: DMSANS-REGULAR !important
}

.about-home-content .customNav .nav-tabs > li > a {
    height: auto !important;
    letter-spacing: .4px !important
}

.about-home-content .customNav .nav-tabs-min-height > li > a {
    min-height: 128px
}

.featureSnippet .accordion-collapse-in-bgcolor {
    font-size: 20pt !important
}

.accordion-content .person-text {
    font-size: 18pt !important;
    font-family: DMSans-Regular;
    margin-top: 220px !important;
    line-height: 16.8pt !important;
    color: #000 !important
}

.about-home-content .accordion-tabbed-collapse-in-bgcolor li span {
    font-size: 18pt !important
}

.about-home-content .orangeclr {
    font-size: 18pt !important;
    font-family: DMSans-Regular
}

.carousel_div .owl-carousel .owl-item img {
    display: block;
    height: 200px;
    width: 200px
}

.footer-menu:focus {
    color: #000 !important;
    outline: 0;
    text-decoration: none !important;
}

.footer-menu a:focus {
    color: #000 !important;
    outline: 0;
    text-decoration: none !important
}

.contactUs-header {
    height: 210px;
    margin-top: 60px;
    width: 100%
}

.contactUs-container {
    width: 100%;
    padding: 0
}

.contactUs-header .registration_Background_img-step1 img {
    z-index: -1
}

.row.contactUs-header-text {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    position: absolute;
    text-align: center;
    width: auto
}

.common-header .registration_Background_img-step1 img {
    float: right;
    position: relative;
    height: 240px;
    width: 100%;
    margin-top: -61px
}

.crisesSupport-text {
    font-size: 14pt;
    font-family: DMSans-Regular;
    color: #000 !important;
}

.answer-options label:hover {
    background-color: #eee
}

.self-asessment-options {
    width: 100%
}

.contact-us-content h4 {
    font-family: DMSANS-REGULAR;
    font-size: 32px;
    font-weight: 400;
}

.newUserModal-dialog.container .modal-content {
    background: #fff;
    border: 2px solid #e14504;
    height: 250px
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    div.iconset .treatment-play-icon {
        transform: translate(-50%,-58%) scale(.5)
    }

    .header-right img.bdiImgMobile {
        margin-top: 15px !important;
    }

    .margin-padding-additionalinfo, .padding-left-registration {
        padding-left: 15px !important
    }

    .body-content-home {
        padding-right: 0 !important
    }

    .btn-step1-continue {
        margin-left: 35% !important
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        max-width: 420px !important
    }

    .footerHome .footer-elements div.color-white {
        width: 100%
    }
}

@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) {
    .about_dropDown_div {
        float: right
    }

    .background_light_blue {
        margin-left: 15px
    }

    .iconset .treatment-play-icon {
        top: 56%;
        left: 50%
    }

    body {
        padding-left: 15px
    }

    img.img-Background {
        width: 132px;
        height: 131px;
        position: absolute
    }

    .registration_Background_img-step1 img {
        width: 1218px
    }
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) {
    .background_light_blue {
        width: 414px
    }

    a.try_activity_button {
        padding: 10px 120px
    }
}



@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .background_light_blue {
        width: 390px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48% !important;
        left: 50% !important
    }
}

@media only screen and (device-width:428px) and (device-height:926px) and (-webkit-device-pixel-ratio:3) {
    a.try_activity_button {
        padding: 10px 124px;
        margin-left: 0
    }
}

.myCompass.myCompass-text-color {
    font-size: 60pt;
    line-height: 72pt;
    margin-left: 80px
}

.printable-brochures-button-div {
    margin-top: 30px
}

.padding-share-button-style {
    background: 0 0;
    padding: 8px 0 8px 0;
    cursor: pointer;
    font-size: 12.096pt;
    font-weight: 500;
    cursor: pointer;
    width: 70%;
    margin-top: 10px;
    border-radius: 34px;
    border: 1px solid #e14504
}

div.printable-brochures-main-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%;
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 370px;
    width: 100%;
    text-align: center;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%
}

.container-register {
    margin-top: 40px
}

.sharemy-compass-input-style {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    padding: 0;
    color: #000 !important;
}

.share-myCompass-button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    background: 0 0;
    padding: 5px 0 5px 0;
    cursor: pointer !important;
    font-weight: 400;
    color: #e14504 !important;
    border: 1.5pt solid #e14504;
    width: 250px !important;
    margin-top: 10px;
    border-radius: 34px;
    text-transform: uppercase !important;
    margin-left: 100px !important;
    height: 50px !important;
}

    .share-myCompass-button:hover {
        color: #fff !important;
        text-decoration: none !important;
        cursor: pointer !important;
        background-color: #e14504 !important
    }

.Profile-Save-Button.button-orange {
    width: 215px !important;
    padding: 12px 2px
}

.container-register input[type=email], .container-register input[type=text], .container-register textarea, select {
    border: 1.5pt solid #e14504;
    font-size: 14pt;
    max-width: 320px;
    FONT-FAMILY: DMSANS-REGULAR
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        float: right !important;
        margin-left: 0;
    }

    div.tracking-setup-container .track-setup-wrapper .another_tracking.Tracking-button.Profile-Save-Button {
        width: 220px;
    }

    .module_activities_page div.module-Container .row.module-keep-learning {
        background-size: 80% 70%;
    }

    .tracking-page-wrapper .tracking-graph-container {
        padding: 42px 15px;
    }

    .tracking-pages .reflectingOnTracking .top-buffer .tracking-analysis-description-2 {
        padding-left: 20px;
    }

    .tracking-pages .reflectingOnTracking .top-buffer ul li .tracking-analysis-description-2 {
        padding-left: 0px;
    }

    div.tracking-setup-container .Profile-Save-Button {
        font-size: 14pt;
    }

    .tracking-questions .whatwereyoudoing {
        padding-left: 0px;
    }

    .body-content-home .btn-Continue-from-your-responses {
        margin-right: 0px !important;
        margin-top: 92px;
    }

    .Profile .btn-Continue-from-your-responses {
        margin-top: 92px;
    }

    .Profile div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-right: 0px !important;
    }

    .registration-body .btn-Continue-from-your-responses {
        margin-right: 20px;
        margin-top: 5px;
    }

    .dashboard .selfAssessmentInDashboard div.first_question {
        left: 4% !important;
    }

    .professional_img img._idGenObjectAttribute {
        margin-left: -8px;
    }

    .professional_img img._idGenObjectAttribute-Login {
        margin-left: -8px;
    }

    .professional_img img._idGenObjectAttribute-Profile {
        margin-left: -8px;
    }

    .ShowSuicidalFeedback-message-div {
        width: 550px;
    }

    .Profile .ShowSuicidalFeedback-message-div {
        width: 500px;
    }

    .ShowSuicidalFeedback-message-div-home {
        width: 500px;
    }

    .HomePage .first_question {
        left: 0% !important;
    }

    .HomePage .Profile-Save-Button.button-orange {
        width: 157px !important;
    }

    .HomePage .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 0px;
    }

    div.editTracking_text_div {
        width: 55%
    }

    div.add_Tracking_text_div {
        width: 45%
    }

    div.register-already-registered {
        margin-left: 0
    }

    div.container.footerHome.removeRow {
        padding: 0 20px !important
    }

    .row.lower-button-tracking {
        margin: 10px auto 0 !important
    }

    div.favouriteSnippets div.browseSnippets .Snippet-About-DropDown {
        width: 135.256px !important;
        position: relative;
        right: 26px
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 53% 69% !important;
        background-position: bottom 30px right 115px
    }

    .about_dropDown_div {
        float: right
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        width: 135.256px
    }

    div.favouriteSnippets .favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-right {
        left: 30px
    }

    div .favouriteSnippets #myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left, div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        left: 20px
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right, div.favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        right: 20px
    }

    div.favouriteSnippets .Profile-Tracking-Reminder-Checkbox, div.favouriteSnippets .Snippets-SnippetTypeData {
        font-size: 13pt !important
    }

    .activity-container .inner .percentComplete {
        margin-top: 0
    }

    .activity-container .ModuleButtonSpan {
        width: 70%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -118px
    }

    div.motivational-message.Fast {
        margin-left: -98px
    }

    .padding_right_0_Ipadpro {
        padding-right: 0 !important
    }

    .Motivational.motivational-message {
        margin-left: -55px
    }

    .Fast.motivational-message {
        margin-left: -60px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-top: -88px
    }

        p.Basic-Paragraph.ParaOverride-1.first.home {
            margin-top: -70px
        }

    .rightNavBar li.professional {
        margin-right: 46px
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100% !important
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }

    .progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 156px;
        width: 300px
    }

    .padding100 {
        padding-left: 20px !important
    }

    .col-xs-5.next-btn {
        padding-left: 0 !important
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin: auto 0
    }

    .Profile-Save-Button.button-orange {
        width: 180px !important
    }

    .iconset .treatment-play-icon {
        top: 58% !important
    }

    .center-block.center-img {
        width: 100% !important;
        margin-top: 111px !important;
        height: 385px
    }

    .row.knowledgeCentre.knowledgeCentre-padding-bottom {
        width: 100%;
        margin: 0
    }

    .featureSnippet {
        width: 100%
    }

    .knowledgeCentre .row.text-align-center {
        width: 100%;
        margin: 0
    }

    body {
        width: 100%;
        padding: 15px;
        overflow-x: hidden;
        padding-top: 0
    }

    .registration_Background_img-step1 img {
        width: 100%
    }

    img.img-Background {
        width: 120px;
    }

    div.navbar-header {
        float: left !important;
        width: 32%
    }

    li.YourDashboard {
        padding: 30px 0
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        border: 1px solid #e14504;
        font-size: 14pt;
        max-width: 420px !important;
        FONT-FAMILY: DMSANS-REGULAR
    }

    ul.navbar-right {
        margin-right: 0
    }

    .footerHome .footer-elements div.color-white {
        width: 100%;
    }
}

a.orangeclr:focus {
    color: #e14504 !important;
    text-decoration: underline !important;
    outline: 0 !important
}

span.registerLink a {
    float: right;
    margin-right: 15px;
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

@media only screen and (device-width :414px) and (device-height :896px) and (-webkit-device-pixel-ratio :2) {
    .body-content div.carousel_row.mobileRow {
        width: 413px !important
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 11px
    }

    div.first_question {
        left: 8.33333333% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }
}

@media only screen and (min-width:393px) and (max-width:767px) {
    div.carousel_row.mobileRow {
        width: 100% !important;
        margin-left: 0 !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 11px
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .favoriteSnippet_owl_carousel.owl-carousel.owl-loaded {
        left: 0
    }

    div a.try_activity_button {
        padding: 10px;
        margin-left: 0
    }

    .mobileRow {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 0
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 8px
    }
}

.orangeclr.visiable-for-mobile {
    display: none
}

.text-center.visible-xs-block.col-xs-12.margin-top-10mobile-remove-guter.mobile-padding-20.register-already-registered {
    display: none !important
}

.modal .newUserModal-footer .btn {
    float: unset;
    color: #e14504 !important;
    background: #ffffff !important
}

    .modal .newUserModal-footer .btn:hover {
        float: unset;
        color: #ffffff !important;
        background: #e14504 !important
    }

.container-fluid.register-selfassessment {
    margin-top: 20px !important
}

@media only screen and (min-width:834px) and (orientation:portrait) {
    .navbar-header {
        float: left !important
    }

    .header-right {
        float: left !important;
    }

    .mobile-self-assement-div .panel-body .tab-content {
        width: 100% !important;
    }

    .first_question {
        left: 4% !important;
    }

    .form-control.mobilenumber-border-orange {
        width: 245px !important
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:365px) {
    .header-right {
        margin-right: 15px !important
    }
}

span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
    /* width: 100% !important;*/
    width: 90% !important;
    float: left;
    margin-right: 20px !important;
}

@media only screen and (min-width:810px) and (orientation:portrait) {
    body {
        width: 100% !important;
        overflow-x: hidden !important
    }

    .row.margin-top-20.contact-us-content.padding_left_100 {
        padding: 0 40px;
    }
}

@media only screen and (min-device-width:1920px) {
    div.height-whitebutton {
        height: 65.79px !important
    }

    div.mobile-self-assement-div .panel-body .tab-content {
        width: 726px;
    }

    div.healthcare-header {
        background-position: right 1px bottom;
    }

    div div.header1 {
        right: 1px;
        position: relative;
    }

    divh.registration-dotGraphics-step1 img {
        position: absolute;
        margin-top: -313px;
        height: 500px;
        transform: rotate(0);
        width: 70%;
    }

    div.header1 {
        font-family: DMSANS-REGULAR;
        font-size: 42pt;
        height: 258px;
        width: 100%;
        text-align: center;
        padding-top: 75px;
        background: url(/Images/Tracking_Splash.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: left 0 bottom;
        background-size: 50% 750px;
    }

    div.Primaryimage {
        height: 600PX;
        width: 100%;
        position: relative;
        background-size: 1300px 1000px;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
        float: right;
        margin-right: -8px;
        margin-top: -150px;
        z-index: -1;
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    div.progressbar.progressbarInButton {
        margin-top: 14px !important
    }

    .contactUs-link-width {
        width: 142px
    }

    .black-Dog-Institute-width {
        width: 245px
    }

    .col-xs-12.next-btn, .col-xs-12.text-right, .padding_top_bottom_20 .col-xs-12 {
        width: 32%
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        /*width: 100% !important*/
    }

    .mobile-self-assement-div .panel-body {
        padding: 0;
        width: 100% !important
    }

    .Profile-Save-Button.button-orange {
        width: 185px !important
    }

    .self-asessment-options {
        width: 100%
    }

    button.Profile-Save-Button.button-orange {
        /* padding: 12px 2px commented to fix on website*/
        padding: 8px 2px
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        padding: 12px 2px
    }

    .Home_Splash_Hill {
        width: 100%
    }

    .carousel_div {
        left: 20px
    }

    div.container.footerHome.removeRow {
        padding: 0 !important
    }
}

@media only screen and (min-width:1112px) and (max-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .padding100 {
        padding-left: 1px !important
    }
}

@media (max-width:767px) {
    .stressdropdown {
        position: relative !important;
        background-color: #fff !important;
        height: auto !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.tracking-graph-container .add-an-entry {
        padding: 15px 8px
    }

    .header-right img.bdiImgMobile {
        margin-top: 14px;
    }

    div.recentNotGoodDays_div {
        padding: 0
    }

    .width-120-per {
        width: 58% !important
    }

    .activity-container .ModuleButtonSpan {
        width: 79% !important;
        word-break: break-all
    }
}

.underline.submittedPHQGAD.gAD7 p:last-child {
    margin-top: 25px
}

@media only screen and (min-device-width :1100px) and (max-device-width :1300px) {
    body {
        width: 100%;
        padding: 0 100px !important;
        max-width: 1240px !important;
    }

    .Home_Splash_div {
        width: 100%
    }

    div.mobileRow.carousel_row {
        width: 100%
    }

    .container.footerHome.removeRow {
        padding: 0
    }

    .takeSelf-Assessment-desc {
        width: 300px !important
    }

    .self-asessment-options {
        width: 100%
    }

    .HomePage .Profile-Save-Button.button-orange {
        width: 147px !important;
        margin-right: 0 !important
    }

    .footerHome div.row.footer-elements {
        margin-left: 10px;
    }

    p.myCompass-text1-color {
        width: 560px;
    }

    .questionnaire-next-button {
        padding: 0 8px
    }
}

.rightSide-img {
    padding: 0
}

.about_program.container.body-content {
    width: 100%
}

.healthcare-contents {
    width: 100%
}

.header1 {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    padding-top: 75px;
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 550px 450px
}

.healthcare-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%
}

    .healthcare-header.profile-page h1 {
        font-size: 42pt !important;
        line-height: 50.4pt;
        letter-spacing: 0;
        color: #000;
        font-family: DMSANS-REGULAR
    }

    .healthcare-header h1 {
        font-size: 42pt !important
    }

.padding-home-button a:focus, a:hover {
    color: transparent;
    text-decoration: none
}

@media only screen and (min-device-width:750px) and (max-device-width:754px) {
    button.btn-step1-continue {
        margin-left: 10px !important
    }

    .header-right {
        width: 50% !important;
        float: left !important
    }
}

.container.module-Container {
    width: 100%;
    padding: 0
}

.row.module-activities {
    background-color: hsl(34deg 100% 95%);
    padding: 0 50px;
    height: auto;
}

.row.module-keep-learning {
    background-color: hsl(30deg 14% 97%);
    margin-bottom: -50px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 60% 49%;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png)
}

.activity-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 304px;
    width: 100%;
    text-align: center;
    padding-top: 72px;
    background: url(../../Images/DotGraphics_Orange_portrait_A3_RGB_021.png);
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 400px 500px
}

.tracking-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 304px;
    width: 100%;
    text-align: center;
    padding-top: 72px;
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 400px 500px
}

.main {
    display: table
}

.inner {
    display: table-cell;
    vertical-align: middle;
    height: 85.79px;
}

h4.Activity-Recommended.Basics {
    padding-left: 0
}

.activeModulePannel .color-Orange {
    position: relative;
    top: 3px;
    left: 5px
}

.col-md-4.remove-right-padding.ng-scope {
    padding-right: 0
}

.module-box.extra-modules {
    padding-bottom: 100px
}

.padding-0 {
    padding: 0
}

div.PrimaryGraphics {
    position: relative;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png);
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 50% 100%
}

.container.selfAssessmentInDashboard.row {
    width: 100%;
    margin: 0;
    padding: 0
}

.row.Snippet-header, .row.featureSnippet {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both
}

.Primaryimage.sleep {
    margin-bottom: -60px;
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-top: -350px;
    z-index: -1;
    left: 27px
}

.sessiondescription strong {
    color: #e14504 !important;
    font-size: 25pt !important;
    line-height: 36pt;
    font-family: DMSANS-REGULAR;
    font-weight: 400;
    letter-spacing: 0
}

.Activity-Landing-Heading-Session {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important
}

.Activity-Landing-Heading-Module {
    margin-top: 46px;
    color: #e14504 !important;
    font-family: DMSANS-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.sleep-landing-container {
    background-color: #fcece6 !important
}

.Sleep_Background_img img {
    position: absolute;
    margin-top: 48px;
    height: 185px;
    transform: rotate(0);
    width: 89%
}

.progress-main-div.sleep {
    height: 19.1px !important;
    width: 100%
}

.progress-div-line.sleep {
    width: 267px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

@media only screen and (max-width:768px) {
    .Activity-Landing-Session-Description {
        height: auto
    }

    label.sharemy-compass-input-style {
        margin-left: 10px !important;
    }

    element.style {
    }

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

    button.share-myCompass-button {
        margin-left: 50px !important;
    }

    div.Sleep_Background_img img {
        height: 100%;
        width: 100%;
        position: relative;
        right: 0
    }

    .Controller-module-sleep {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .Primaryimage.sleep {
        margin-right: 1px !important;
        margin-top: -298px !important
    }

    .Activity-Landing-Description {
        color: #000 !important;
        font-family: DMSans-Regular !important;
        font-size: 18pt !important;
        letter-spacing: 0 !important;
        margin-right: 0;
        line-height: 21.6pt;
        width: 100% !important;
        height: auto !important;
        padding-right: 40px;
        margin: auto 20px
    }
}

@media (min-width:1200px) {
    div.printable-brochures-main-header {
        width: 100% !important;
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 33% 100%,100% 100%;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    .module-Container div.row.module-activities {
        height: 600px;
    }

    .module .activity-header {
        left: 1px;
        position: relative;
    }

    .module_activities_page.header_move_left {
        left: 2px;
        width: 99.85%;
    }

    .row.module-activities {
        margin-top: -1px;
    }

    .self-assement-div-height {
        /*height: 470px;*/
        width: 720px !important;
        height:auto !important;
    }

    .modal-body.from-your-responses-message-div-ShowSuicidalFeedback .SelfAssessment-SeveralDays-Description {
        height: 250px;
    }

    .ShowSuicidalFeedback-message-div .modal-body.from-your-responses-message-div .SelfAssessment-SeveralDays-Description {
        height: 260px;
        margin-top: 0px !important;
    }

    .underline.submittedPHQGAD p:last-child {
        position: absolute;
        margin-top: 30px;
    }

    div.height-whitebutton {
        height: 85.79px !important;
        /* width: 350px; need to double check if breaking*/
        max-width: 95%;
    }

        div.height-whitebutton .inner {
            height: 85.79px !important;
            padding-left: 5px;
            line-height: 16.8pt !important
        }

    .session-text-description {
        height: auto
    }

    .Controller-module-sleep {
        margin: 0
    }

    .sleep-landing-container {
        background-color: #fcece6 !important;
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 100% 100%;
        height: 1000px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .progress-div-line.sleep {
        width: 38% !important
    }

    .Activity-Landing-Session-Description {
        height: auto;
        min-height: unset !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.activity.progress-div-line.sleep {
        width: 38%
    }

    button.share-myCompass-button {
        margin-left: 25px !important;
    }

    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

@media only screen and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3) {
    .progress-div-line.sleep {
        width: 38%
    }

    button.share-myCompass-button {
        margin-left: 60px !important;
    }

    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

.row.activity-module-container {
    width: 100%;
    padding: 0;
    height: 700px;
    margin: 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 60% 70%;
    margin-bottom: -60px
}

.text-center.progress-main-div.sleep {
    width: 100%;
    padding-right: 0;
    margin: 100px auto 10px auto
}

.row.progressbar-for-activity {
    width: 70%;
    margin: auto
}

.btnOrange.get-started-sleep {
    font-family: DMSans-Medium;
    font-size: 12pt;
    line-height: 14.4pt;
    color: #e14504
}

li.return-to-Menu a {
    padding: 35px 5px;
    font-size: 14pt !important;
    font-family: DMSans-Regular !important;
    line-height: 16.8pt
}

@media only screen and (min-width:1201px) and (max-width:1250px) {
    .PrivacyPolicy-link-width, .black-Dog-Institute-width, .contactUs-link-width, .crisesSupport-width, .term-link-width {
        width: 100%;
        padding-left: 15px
    }

    div.row.PrimaryGraphics {
        background-size: 100% 42% !important;
        height: 530px
    }

    div.container.footerHome.removeRow {
        height: auto
    }
}

@media only screen and (min-width:360px) and (max-width:360px) {
    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 78%
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second a {
        width: 63%
    }

    div.activity.progress-div-line.sleep {
        width: 36%
    }

    div.row.activity-module-container {
        height: 1400px
    }

    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

.hamburger-menu .dropdown {
    display: none
}

.sleep-activity-bg-img {
    width: 50%;
    height: 50%;
    background-image: url(../../Images/Sleep.png);
    background-repeat: no-repeat;
    background-size: 80% 70%;
    position: absolute;
    right: 0;
    background-position: bottom 170px right 72px;
    bottom: 0
}

    .sleep-activity-bg-img.smart {
        background-image: url(../../Images/SMART.png)
    }

.sessiondescription:first-child p {
    min-height: 40px
}

a.externalLink-JS:focus:hover, a.externalLink-JS:hover {
    text-decoration: none;
    color: #e14504 !important
}

a:focus:hover, a:hover {
    text-decoration: underline;
    color: #e14504 !important
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) {
    .activity.progress-div-line.sleep {
        width: 38%
    }

    .progressbar-for-activity div.Activity-Landing-Session-Begin-Button {
        margin: 25px 30% !important;
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:896px) and (-webkit-device-pixel-ratio:3) {
    .progressbar-for-activity div.Activity-Landing-Session-Begin-Button {
        margin: 25px 30% !important;
    }
}


.selfassestextsizehead.dashboard h1.text-align-center {
    font-size: 33pt;
    font-family: DMSANS-REGULAR
}

div.selfassestextsizehead.dashboard h2 {
    font-size: 18pt !important;
    font-family: DMSANS-REGULAR !important
}

div.selfassestextsizehead.dashboard .selfassestextsizecontent h4, div.selfassestextsizehead.dashboard .selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12pt !important
}

div.selfassestextsizehead.dashboard.selfassestextsizehead u {
    font-weight: 700
}

@media only screen and (min-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .ipad-margin-top-about {
        width: 27%
    }

        .ipad-margin-top-about div {
            left: 0;
            margin-left: 0
        }

    .takeSelf-Assessment-desc {
        width: 100% !important
    }
}

.Activity-Active h4 {
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    text-transform: uppercase
}

.panel.activeModulePannel.module-box-height.border-radius-8 {
    border-radius: 95px
}

.row.activeModuleBox.border-radius-8 {
    border-radius: 50px
}

.featureSnippet li.ng-scope {
    display: inline-block;
    margin-left: 5px
}

.next-button {
    padding: 0
}

.common-div-for-buttons {
    width: 100%;
    margin: 0
}

.featureSnippet.self-assesment.remove-background-img {
    background-image: none
}

.nowrap {
    white-space: nowrap;
    text-decoration-style: none !important;
}

.back-button button.btn.btnback {
    background: 0 0;
    color: #d64204
}

.register-already-registered .orangeclr {
    color: #e14504 !important;
    text-decoration: none !important;
}

.activity-container {
    width: 100%;
    float: left;
    height: 100%;
    min-height: -webkit-fill-available;
    background-color: #fff5e8
}

.pause-button-div {
    background-image: url(../../Images/Pause_White.png);
    background-repeat: no-repeat;
    padding-right: 5px;
    background-position: 20px
}

.inner-pause-activity {
    display: table-cell;
    vertical-align: middle;
    height: 65.79px !important;
    padding-left: 35px;
    width: 512.67px !important
}

.yours-activity-heading {
    color: #e14504;
    font-size: 33pt;
    font-family: DMSANS-REGULAR;
    padding-top: 50px;
}

span.dashboard-Module-Active {
    color: #e14504 !important;
    font-size: 14pt !important;
    font-family: DMSANS-BOLD !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    text-transform: uppercase
}

.dasbord-activity-container {
    margin: auto;
    width: 100%;
    text-align: left;
    padding: 0
}

.row.dasbord-activity {
    margin: auto 20px
}

.dasbord-activity-container .circle canvas {
    vertical-align: middle;
    height: 220px;
    width: 221px
}

.common-div-for-activity {
    min-height: 150px
}

.completed-activities-main-div {
    background-color: #fff
}

.completed-activities {
    border: 1.5pt solid #ff9f1a !important
}

.dasbord-Activity-Recommended {
    /*  margin-top: 110px !important*/
    margin-top: 141px !important;
}

.WebProgram .circle span {
    margin-top: 20px;
    margin-left: 10px
}

.WebProgram .progressbar .circle div {
    top: 45px;
    left: 7px
}

.activty_dot_img_background {
    /* background: url(../../Images/Activity_Header1.png),url(../../Images/Activity_Header.png);*/
    /* background: url(../../Images/Activity_Header_Transparent.png);*/
    background: url(../../Images/DotGraphics_Orange_portrait_A4_RGB_04.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 top;
    background-size: 600px 600px,100% 100%;
    width: 100%;
    height: 375px;
    text-align: center;
    padding: 65px 250px;
    font-size: 14pt;
    color: #e14504;
    font-family: DMSans-Bold;
    background-color: #fff5e8 !important;
    padding-left: 300px;
}

div.Activity-Active-Percentage.percentage-for-module-page {
    top: 87px;
    left: 0
}

.glyphicon-color.topdown {
    color: #e14504;
    font-size: 12pt
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    div.progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 197px;
        width: 383px
    }

    .crisesSupport-width {
        padding-top: 0 !important;
    }

    .navbar-right .dropdown-menu.Register_loign {
        left: -162px !important
    }

    .about_dropDown_div {
        float: right
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100%
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }
}

.padding-left-11 {
    padding-left: 11px
}

.padding-left-4 {
    padding-left: 4px
}

.Profile-Save-Update-Button:focus {
    outline: 0
}

@media only screen and (min-device-width:320px) and (max-device-width:424px) {
    .Profile-Save-Update-Button {
        margin-left: -49px !important
    }
}

.sleep-activity-bg-img.Solving_problems {
    background-image: url(../../Images/Solving_problems_RGB.png)
}

.tracking-container {
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    text-align: center;
    padding: 65px 0;
    font-size: 14pt;
    color: #000;
    font-family: DMSans-Regular;
    background-position: left 0 top;
    background-size: 390px 100%;
    width: 100%;
    height: 274px;
    line-height: 50.4pt
}

    .tracking-container img {
        width: 23px
    }

.dot-progress-bar {
    width: 230px;
    margin: 0 auto;
    display: table
}

    .dot-progress-bar .dot {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        border: 1.5pt solid #e14504;
        display: inline-block;
        float: left
    }

        .dot-progress-bar .dot.active {
            background-color: #e14504
        }

    .dot-progress-bar .seprator {
        width: 50px;
        height: 2px;
        display: inline-block;
        float: left;
        background-color: #e14504;
        margin-top: 9px
    }

.align-content-center {
    margin: 0 auto;
    text-align: center
}

.getstartedbutton.add-new-entry {
    text-transform: uppercase
}

.tracking li.ng-scope {
    display: block
}

.tracking-setup-container .setup-header {
    text-align: center
}

    .tracking-setup-container .setup-header .header {
        font-family: DMSans-Regular;
        font-size: 42pt;
        line-height: 50pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .header2 {
        font-family: DMSans-Regular;
        font-size: 42pt;
        line-height: 30pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .sub-header {
        font-family: DMSans-Regular;
        font-size: 38pt;
        line-height: 30pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .sub-header-small {
        font-family: DMSans-Regular;
        font-size: 18pt;
        line-height: 21.6pt;
        letter-spacing: 0;
        margin: 30px 0
    }

.tracking-setup-container .Tracking-button-div {
    margin: 50px 0px 10px 0px;
}

.tracking-setup-container .tracking-label {
    font-family: DMSans-Medium;
    font-size: 14pt;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .nav.nav-tabs li {
    width: 24%;
    border-bottom: 4px solid #dcdcdc;
    margin-left: 5px;
    text-align: center;
    pointer-events: none
}

    .tracking-setup-container .nav.nav-tabs li a {
        border: 0;
        font-family: DMSans-Medium;
        font-size: 12pt;
        line-height: 14.5pt;
        letter-spacing: 0;
        width: 100%;
        text-transform: uppercase;
        color: #dcdcdc;
        background-color: transparent
    }

    .tracking-setup-container .nav.nav-tabs li.active, .tracking-setup-container .nav.nav-tabs li.custom-active {
        border-bottom: 4px solid #e14504
    }

        .tracking-setup-container .nav.nav-tabs li.active a, .tracking-setup-container .nav.nav-tabs li.custom-active a {
            color: #e14504
        }

.tracking-setup-container .nav-tabs {
    border: 0;
    text-align: center;
    clear: both;
    margin-bottom: 50px;
    justify-content: center;
    display: flex
}

.tracking-setup-container .tab-content .question {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    letter-spacing: 0;
    text-align: center
}

.tracking-setup-container .slider-container {
    float: left;
    width: 100%;
    margin: 30px 0
}



    .tracking-setup-container .slider-container .slider {
        float: left;
        width: 60%;
        padding: 0 20px
    }

        .tracking-setup-container .slider-container .slider input[type=range] {
            background: linear-gradient(to right,#e14504 0,#e14504 0,#fff5e8 0,#fff5e8 100%);
            -webkit-appearance: none;
            width: 100%;
            height: 15px;
            outline: 0;
            max-width: 100%;
            border-radius: 50px
        }

            .tracking-setup-container .slider-container .slider input[type=range]:hover {
                opacity: 1
            }

            .tracking-setup-container .slider-container .slider input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 25px;
                height: 25px;
                background: #ff9f1a;
                cursor: pointer;
                border-radius: 50px;
                border: none
            }

            .tracking-setup-container .slider-container .slider input[type=range]::-moz-range-thumb {
                width: 25px;
                height: 25px;
                background: #ff9f1a;
                cursor: pointer
            }

    .tracking-setup-container .slider-container .right {
        float: left;
        width: 20%;
        text-align: left;
        font-family: DMSans-Medium;
        font-size: 14pt;
        line-height: 16.8pt;
        letter-spacing: 0;
        color: #e14504;
        font-weight: 400
    }

.tracking-setup-container .sub-header-question {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    letter-spacing: 0;
    margin: 30px 0 20px 0;
    text-align: center;
    clear: both;
    float: left;
    width: 100%
}

.tracking-setup-container .tracking-questions label {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .tracking-questions select {
    border: 1px solid #e14504 !important;
    border-radius: 5px;
    height: 30px;
    padding: 2px 5px;
    outline: 0;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .fa.fa-calendar {
    left: 0 !important;
    width: 24px !important;
    top: -3px !important;
    color: #e14504;
    position: relative;
    font-size: 22px
}

.tracking-setup-container .datepicker1 {
    width: 155px;
    border: 0;
    box-shadow: none;
    color: #e14504 !important;
    margin-top: 40px;
    background-color: transparent;
    font-family: DMSans-Regular !important;
    font-size: 16.9pt !important;
    line-height: 20pt !important;
    letter-spacing: 0 !important
}

.tracking-setup-container .Profile-Save-Button {
    width: 176px;
    font-family: DMSans-Medium;
    font-size: 12pt !important;
    line-height: 14.5pt;
    letter-spacing: 0 !important
}

    .tracking-setup-container .Profile-Save-Button.white {
        color: #e14504;
        background-color: #fff
    }

.tracking-setup-container .error {
    /*color: #e14504 !important;*/
    color: red;
    font-size: 14pt !important;
    width: 100%;
    float: left
}

.tracking-setup-container .mar-bottom-20 {
    margin-bottom: 20px
}

.track-setup-wrapper {
    min-height: 500px
}

.dashboardHeader .add-new-entry {
    margin-bottom: 100px
}

.tracking-graph-container {
    padding: 20px 15px;
    margin-top: 10px;
}

    .tracking-graph-container input[type=checkbox] {
        display: none
    }

        .tracking-graph-container input[type=checkbox] + .cr .cr-icon:before {
            content: '';
            background-color: transparent;
            border-radius: 50px
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .cr-icon:after {
            content: ' ';
            left: 5px;
            top: -5px;
            width: 5px;
            height: 8px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.fourth.cr-icon:before {
            content: '';
            background-color: #dae3e5
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.first.cr-icon:before {
            content: '';
            background-color: #ff9f1a
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.second.cr-icon:before {
            content: '';
            background-color: #fe0f7a
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.thrid.cr-icon:before {
            content: '';
            background-color: #e14504
        }

.tracking-setup-container::before {
    content: '';
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 75% 300px;
    display: table;
    position: absolute;
    opacity: .1;
    width: 100%;
    height: 100%;
    display: table;
    bottom: 0;
    right: 0
}

.tracking-setup-container.remove-background {
    background: 0 0
}

.tracking-graph-container .add-an-entry {
    font-size: 12.096pt;
    font-family: DMSans-Medium;
    text-decoration: none;
    line-height: 14.515pt;
    background-color: #e14504;
    padding: 15px 25px;
    border-radius: 28px;
    color: #fff;
    outline: 0;
    box-shadow: unset;
    border: 0;
    margin-top: -40px !important;
}

.tracking-graph-container .lower-button-tracking a {
    font-size: 14pt;
    font-family: DMSans-Medium;
    text-decoration: none;
    line-height: 16.08pt;
    color: #e14504 !important;
    margin-left: 15px
}

.tracking-graph-container .your-tracking {
    font-size: 33pt;
    font-family: DMSans-Regular;
    text-decoration: none;
    line-height: 39.6pt;
    color: #e14504;
    margin-bottom: 20px
}

.tracking-setup-container .error {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container input::-webkit-input-placeholder {
    color: #e14504 !important
}

.tracking-setup-container .tracking-questions input::-webkit-input-placeholder {
    color: #dcdcdc !important
}

.tracking-graph-container .filter-section .add-an-entry {
    width: 100%;
    text-transform: uppercase;
    padding: 10px;
    border: 1pt solid #e14504
}

.tracking-graph-container .add-an-entry.white {
    color: #e14504;
    border: 1pt solid #e14504;
    background-color: #fff
}

    .tracking-graph-container .add-an-entry.white:hover, .tracking-graph-container .add-an-entry:hover, Button.Tracking-button:hover {
        background: #ae411c;
        transition: .35s ease
    }

    .tracking-graph-container .add-an-entry.white:hover {
        color: #fff
    }

.tracking-graph-container select {
    width: 100%;
    padding: 6px 22px 6px 10px;
    border: 1px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    background: #fff;
    float: right;
    outline: 0;
    text-transform: uppercase
}

    .tracking-graph-container select.active {
        border: 1px solid #e14504;
        color: #fff !important;
        background: #e14504
    }

.favouriteSnippets .Snippets-Your-Favourite {
    font-size: 33pt !important;
    font-family: DMSans-Regular !important;
    letter-spacing: 0;
    color: #e14504 !important;
    line-height: 39.6pt;
    letter-spacing: 0
}

.favouriteSnippets .Snippet-About-DropDown {
    text-transform: uppercase;
    line-height: 14.4pt;
    letter-spacing: 0 !important;
    font-size: 12pt !important;
    font-family: DMSans-Medium !important;
    width: 151.256px;
    height: 36.061px !important;
    border: 1.5pt solid #000 !important;
    color: #000 !important;
    padding: 3px 20px;
    padding-left: 20px !important;
    border-radius: 50px;
    background-image: url(../../Images/DownArrow_White.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 15px top 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 30px;
    -moz-padding-end: 30px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: transparent;
    margin-top: 5px;
}

.favouriteSnippets .Snippets-Edit {
    font-size: 14pt !important;
    line-height: 16.82pt;
    font-family: DMSans-Medium !important
}

.favouriteSnippets .setting:before {
    content: url(../../Images/Settings.png)
}

.module-keep-learning .panel-group {
    margin-bottom: 160px
}

.favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Author {
    line-height: 24pt
}

.carousel_div .favoriteSnippet_owl_carousel.owl-carousel .owl-item img {
    width: 20px;
    height: 20px
}

.margin-top-25 {
    margin-top: 25px
}

.lower-button-tracking {
    padding-left: 5px;
    margin-bottom: 30px !important;
}

    .lower-button-tracking a img {
        margin-right: 5px;
        margin-top: -5px;
    }

.favouriteSnippets .checkbox .cr {
    border-radius: 50px;
    border: 1.5pt solid #000;
}

.owl-carousel .owl-nav.disabled.not_disabled {
    display: block
}

.favouriteSnippets .Profile-Tracking-Reminder-Checkbox, .favouriteSnippets .Snippets-SnippetTypeData {
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    color: #000 !important;
    padding-top: 0;
    line-height: 16.8pt;
    vertical-align: middle
}

.Snippet_header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 335px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    background: url(/Images/Snippet.png),url(/Images/Snippets_Splash.png);
    background-position: right 0 top,left 0 top 0;
    background-size: 57% 100%,100% 100%;
    background-repeat: no-repeat
}

.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 20px;
    margin-left: 0;
    transform: translate(0,0) rotate(130deg) scale(.5,.5)
}

.favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 105px;
    margin-left: 0;
    transform: translate(0,0) rotate(130deg) scale(.5,.5)
}

.favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 105px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(0,0) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 20px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(0,0) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets .favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Text {
    font-size: 18pt !important;
    font-family: DMSans-Medium !important;
    color: #000 !important;
    line-height: 21.8pt;
    margin-top: 40px !important
}

.favouriteSnippets div.carousel.custom-carousel div.item.snippetData {
    background-color: transparent
}

.favouriteSnippets .Snippet-FavoriteSnippetData-Author, .favouriteSnippets .Snippet-FavoriteSnippetData-Text {
    font-size: 29pt !important;
    line-height: 34.8pt;
    color: #e14504 !important
}

.favouriteSnippets .Snippet-FavoriteSnippetData-Author {
    font-size: 14pt !important;
    line-height: 34.8pt;
    color: #e14504 !important
}

.ViewSnippet .Dashboard-ViewSnippet {
    border: none
}

.favouriteSnippets .media-left {
    padding-right: 0
}

.favouriteSnippets .snippetType {
    padding-right: 5px
}

.favouriteSnippets .carousel-control.right {
    opacity: 1 !important
}

div.activeModulePanelDashboard div.circle {
    height: 220px !important;
    width: 220px !important
}

.popover .popover-title {
    background: #fff;
    color: #e14504;
    font-size: 14pt;
    font-family: DMSANS-Bold
}

.popover .notification-link {
    color: #000;
    padding-top: 10px;
    margin-left: -15px;
    font-size: 10pt;
    font-family: DMSANS-MEDIUM;
    padding-left: 7px;
}

.popover .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 3px;
    font-size: 10pt;
    font-weight: 700;
    line-height: 1;
    color: #e14504;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: TRANSPARENT;
    border-radius: 10px;
    font-family: DMSans-Bold
}

.badge.bell-badge {
    color: #000;
    background-color: #bfbfbf
}

.notification-popover .notification-bell {
    color: #e14504
}

.popover.bottom .arrow:after {
    border-bottom-color: #e14504
}

.from-your-responses-message {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important
}

.btn-Continue-from-your-responses {
    color: #fff !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    padding-left: 36px;
    padding-right: 36px;
    padding: 10px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    float: right;
    background: #e14504;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 212px;
    min-height: 44px;
    text-align: center;
    margin-top: 32px;
    font-weight: 500;
    letter-spacing: 2px !important;
    line-height: 14.5pt;
}

    .btn-Continue-from-your-responses:hover {
        background: #ae411c !important;
        transition: .35s ease;
        color: #fff !important
    }

.register-gender-option {
    font-size: 14pt !important;
    font: -moz-pull-down-menu
}

.knowledgeCentre-buttons .knowledgeCentre-InterestArea {
    border: 2px solid #e14504 !important
}

.from-your-responses-message-div p {
    color: #000 !important
}

.from-your-responses-message-width {
    width: 100%
}

.myCompass-has-demonstrated-padding {
    padding-left: 1px !important
}

.symptomModal-box-width {
    width: 100% !important
}

.welcomeModal .customskipbtn {
    margin-left: 10px !important
}

.ipad-margin-top-about .padding-home-button {
    background: 0 0 !important
}

.margin-top-10 .knowledge-header-margin {
    margin-top: 25px !important
}

.Home_Splash-text-width .get-started-button {
    background: 0 0 !important;
    margin-left: 80px
}

.about_SelfAssessment .accordion-content-padding {
    padding: 20px 4px !important
}

.about_SelfAssessment .about-home-content .accordion-content ul {
    padding: 15px 15px 0 24px !important
}

.Home_Splash-text-width .get-started-button:hover {
    background: #e14504 !important
}

@media only screen and (min-width:414px) and (max-width:926px) {
    div.about_SelfAssessment .panel-group.padding-bottom-20 {
        padding: 0 15px !important
    }

    div.about_SelfAssessment .padding-left-right-30px.about-program-depression-padding {
        padding-left: 1px
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 1px !important
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    div.about_SelfAssessment .padding-left-right-30px.about-program-depression-padding {
        padding-left: 1px
    }

    div.about_SelfAssessment .panel-group.padding-bottom-20 {
        padding: 0 15px !important
    }

    div.about_SelfAssessment .custom-anchor.padding-left-right-30px {
        padding-left: 1px
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 1px !important
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange:hover {
    background: #e14504 !important;
    color: #fff !important;
}

.printable-brochures-button-div .padding-share-button-style {
    background: 0 0;
    border: 1.5pt solid #e14504
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: -50px !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard .text-right.back-btn {
        padding-left: 15px;
    }

    .footer-menu-width {
        display: block;
        clear: both
    }

    .row.footer-elements {
        padding-left: 10px
    }

    .text-right.back-btn {
        padding-left: 0
    }

    body div.container.footerHome.removeRow {
        padding: 20px 20px !important
    }



    .footerHome .black-Dog-Institute-width {
        width: 100%
    }

    .takeSelf-Assessment-div .takeSelf-Assessment-desc {
        width: 100% !important
    }

    .margin-top-20 .visible-mobile {
        display: none !important
    }

    .featureSnippet.self-assesment {
        background-image: none
    }

    .self-assesment .border-bottom-Zero {
        padding-bottom: 30px
    }

    .self-assement-container-div .self-assement-container {
        width: 250px;
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 20px
    }

    .activity-container .Dashboard-ViewSnippet {
        margin-bottom: 33px
    }

    .filter-section .tracking-dropdown-div {
        margin-top: 10px
    }
}

.max-width-12px {
    max-width: 15px
}

.padding_top_60 {
    padding-top: 60px
}

.row.module-box.myCompass-BasicStatus {
    margin-right: 15px;
    padding: 15px
}

.favouriteSnippets .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 30px;
    font-size: 30px;
    margin-left: 8px;
    transform: translate(-64px,-64%) rotate(135deg) scale(.5,.5)
}

.favouriteSnippets .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 30px;
    margin-left: -15px;
    transform: translate(-30px,-60%) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
    width: 70%;
    margin-bottom: 100px;
    min-height: 350px
}

.favouriteSnippets .carousel_div .favoriteSnippet_owl_carousel.owl-carousel .owl-item img.img-handsign-hover {
    width: 30px;
    height: 30px
}

/*.center-block.img-handsign-hover.fav-snippet-img { commented as this is breaking the website
    width: 73px;
    height: 84px;
    margin: 15px auto
}*/

.favouriteSnippets .cr:checked ~ .checkmark {
    background-color: #ff9f1a
}

.favouriteSnippets .cr .glyphicon-ok.first:before {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.favouriteSnippets .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon {
    left: 9px !important
}

.favouriteSnippets .checkbox label input[type=checkbox]:checked ~ .cr {
    background: #e14504;
    border: none
}

.browseSnippets.margin-top-20 {
    margin-bottom: 0
}

.dasbord-activity-container .Dashboard-ViewSnippet {
    text-transform: uppercase;
    color: #e14504;
    border: 1.5pt solid #e14504
}

.sleep-activity-bg-img.Building_calm._and._relaxation {
    background-image: url(../../Images/Breathe-Building_calm_and_relaxation_RGB.png)
}

.sleep-activity-bg-img.Communicating_clearly {
    background-image: url(../../Images/Communicating_clearly_RGB.png);
    background-size: 57% 80%
}

.sleep-activity-bg-img.Managing_loss_and_major_life_change {
    background-image: url(../../Images/Managing_loss_and_major_life_change_RGB.png);
    background-size: 50% 80%
}

.sleep-activity-bg-img.Doing_what_really_counts {
    background-image: url(../../Images/Doing_what_really_counts-diabetes_RGB.png);
    background-size: 85% 70%
}

.sleep-activity-bg-img.Managing_fear_and_anxiety {
    background-image: url(../../Images/Managing_fear_and_anxiety_RGB.png);
    background-size: 40% !important;
    background-position: bottom 55px right 132px
}

.sleep-activity-bg-img.Managing_stress_and_overload {
    background-image: url(../../Images/Managing_stress_and_overload_RGB.png)
}

.carousel.favoriteSnippet_owl_carousel.slide .Snippet-FavoriteSnippetData-Text {
    font-size: 18pt !important
}

.snippetType.Tips {
    padding-right: 0;
    width: 20%
}

.favouriteSnippets .snippetType {
    padding-right: 0
}

.Motivational {
    padding-left: 0;
    width: 46%
}

div.alert-info {
    font-family: DMSans-Regular;
    font-size: 12pt;
    background: #fff;
    border: 1pt solid #e14504
}

.browseSnippets {
    background-image: url(/Images/Snippets_Browse_Image.png),url(/Images/Snippets_Browse_Image_Corner.png);
    background-position: right 11% bottom 28px,left 0 top 0;
    background-repeat: no-repeat;
    background-size: 432.09px 320.52px,1361.56px 1026.28px;
    padding: 20px;
    height: auto;
    background-color: #fbfcfc
}

.favouriteSnippets .browseSnippets .carousel-indicators .active {
    background-color: transparent
}

.no_snipeet {
    width: 70%;
    margin-bottom: 100px;
    min-height: 350px;
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
}

.sessiondescription strong.black {
    color: #000 !important;
    font-size: 18pt !important
}

.register-selfassessment .commondQuestionHeaderDiv {
    padding: 60px 10px 20px 5px
}

li::marker {
    color: #e14504 !important;
    width: 8pt !important;
    height: 8pt !important;
    border: 2pt solid #e14504 !important;
    content: inherit !important;
    border-radius: 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    background-color: transparent;
}

.Share-myCompass-heading {
    font-family: DMSANS-REGULAR;
    font-size: 42pt !important;
    height: 210px;
    width: 100%;
    text-align: center;
    font-weight: 500 !important;
    line-height: 61.6px !important;
    /*   margin-top: 20px !important;*/
    margin-top: -15px !important;
    margin-bottom: 10px !important
}

.printable-brochures-main-div {
    top: 0 !important
}

.knowledge-header {
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 top;
    background-size: 550px 100%;
    width: 100%;
    height: 375px !important;
    text-align: center;
    padding: 65px 0;
    font-size: 14pt;
    color: #e14504;
    font-family: DMSans-Bold
}

.rounded_img-div .rounded_img {
    border-radius: 50%;
    min-height: 300px;
    width: 300px !important
}

.Knowledge .left .glyphicon-menu-left:before {
    content: url(../../Images/glyphicon-menu-left.png)
}

.Knowledge .left .glyphicon-left-right {
    transform: scale(.5) rotate(140deg)
}

.Knowledge .right .glyphicon-menu-right:before {
    content: url(../../Images/glyphicon-menu-right.png)
}

.Knowledge .right .glyphicon-left-right {
    transform: scale(.5) rotate(320deg)
}

li::marker {
    font-size: 18pt;
    color: #e14504 !important
}

.Knowledge .circle span {
    margin-top: 48px;
    font-size: 14.17pt;
    line-height: 18.15pt;
    color: #e14504;
    font-family: DMSans-Regular
}

.Knowledge .circle div {
    top: 70px;
    font-size: 40.38pt;
    line-height: 20.19pt;
    color: #e14504;
    font-family: DMSans-Regular
}

.Knowledge .accordion-float-left {
    float: left
}

.depression-factsheet-link {
    color: #000 !important;
    font-size: 18pt;
    line-height: 23pt;
    font-family: DMSans-Regular;
    margin-top: 20px !important;
}

    .depression-factsheet-link a {
        color: #e14504 !important
    }

.Knowledge .Further-Reading {
    margin-bottom: 10px
}

.Knowledge .accordian-content-margin {
    margin-bottom: 10px
}

.Knowledge .accordion-content-padding.further-Reading-padding {
    padding-top: 0 !important
}

.Knowledge .left .glyphicon-menu-left, .Knowledge .right .glyphicon-menu-right {
    cursor: pointer
}

.Knowledge .knowledgecenter-Tab-Heading {
    font-size: 18px !important
}

.Knowledge a {
    color: #616161 !important;
    word-break: break-word;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .Knowledge a:hover {
        color: #e14504 !important;
        text-decoration: none;
    }

.Knowledge .knowledgeCentreItems {
    width: 96% !important
}

.Knowledge .table-bordered.mousehandicon span.fa-chevron-down:before {
    content: "\f078"
}

.Knowledge .table-bordered.mousehandicon.collapsed span.fa-chevron-down:before {
    content: "\f077"
}

.Knowledge .progress_bar-margin-top-60 {
    margin-top: 60px
}

.Knowledge .btn-return-to-dashboard {
    border: 2px solid #e14504 !important;
    margin-left: 0
}

.Knowledge .complete-font-size {
    font-size: 20px
}

.Knowledge .accordion-content-padding {
    padding: 8px 0 !important
}

.Knowledge .icons-wrapper {
    height: 157px;
    display: flex;
    align-items: center
}

@media only screen and (max-width:767.8px) {
    div.Knowledge .btn-return-to-dashboard {
        margin-left: unset !important;
        display: flex;
        justify-content: center
    }

    div.favouriteSnippets div.browseSnippets {
        background-size: 85% 320.52px,1361.56px 976.28px;
        background-position: right 20px bottom 28px,left 0 top 0;
    }

    div.favouriteSnippets .Snippet-About-DropDown, div.favouriteSnippets .browseSnippets .Snippet-About-DropDown {
        text-indent: 40%;
    }

    .tbl-extra-resource tr td p {
        display: flex;
        padding-left: 10px;
    }

    .row.footer-first-row {
        padding: 30px 0px;
    }

    .btn-linkRegisterGuestUser {
        height: auto !important;
    }

    div.lower-button-tracking .add_Tracking_text_div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .about_SelfAssessment .accordion-tabbed-collapse-in-bgcolor.customNav {
        background-color: transparent !important;
    }

    .about_SelfAssessment .feature_mycompass .accordion-heading {
        font-size: 14pt;
        font-family: DMSans-Regular !important;
        background-color: transparent !important;
        color: #e14504 !important;
    }

    .about_SelfAssessment .about-home-content .accordion-heading span:not(span.faicon) {
        color: #e14504 !important;
    }

    #trackingResponseText2 .tracking-analysis {
        padding-left: 30px;
        padding-right: 30px;
    }

        #trackingResponseText2 .tracking-analysis b {
            color: #e14504 !important;
            font-family: DMSANS-MEDIUM !important;
            font-size: 22pt !important;
            letter-spacing: 0 !important;
            padding-left: 0;
            line-height: 26.4pt !important;
        }

        #trackingResponseText2 .tracking-analysis ul li b {
            color: #e14504 !important;
            font-family: DMSANS-BOLD;
            font-size: 18pt;
            letter-spacing: 0;
            font-weight: unset !important;
            line-height: 21.6pt;
        }

        #trackingResponseText2 .tracking-analysis ul li {
            color: #e14504;
            font-family: DMSANS-MEDIUM !important;
            font-size: 18pt;
            font-weight: unset !important;
            line-height: 21.6pt;
            margin-bottom: 10px !important;
        }

    .control-label.register-label.agree-link {
        margin-top: 15px;
    }

    .register .mobileNumber-in-mobile {
        padding-top: 0 !important;
        margin-bottom: 0;
    }

    .register .border-right-registration {
        padding-left: 5px;
    }

    .Knowledge .progressbar {
        width: 100%
    }

    .Knowledge .icons-wrapper.left div {
        position: relative;
        left: 47px
    }

    .Knowledge .icons-wrapper div {
        position: relative;
        right: 46px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .Knowledge .progressbar {
        margin-top: 30px
    }

    div.tracking-setup-container .slider-container .left {
        top: 24px
    }

    .Knowledge .complete-font-size {
        font-size: 15px
    }

    .Knowledge .rounded_img-div .rounded_img {
        width: 216px !important;
        min-height: 216px
    }

    .Knowledge .right .glyphicon-left-right {
        top: 20px
    }

    .Knowledge .left .glyphicon-left-right {
        transform: scale(.5) rotate(140deg);
        top: 20px
    }

    .Knowledge .circle div {
        top: 60px;
        width: 100%;
        text-align: center
    }

    .Knowledge .circle span {
        width: 100%;
        text-align: center;
        margin-top: 30px
    }

    .Knowledge .icons-wrapper {
        height: 180px;
        display: flex;
        align-items: center
    }

    .btn-return-to-dashboard {
        margin-left: -13px !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .Knowledge .rounded_img-div .rounded_img {
        min-height: 267px;
        width: 278px !important
    }

    .header-right img.bdiImgMobile {
        margin-top: 14px !important;
    }
}

@media (min-width:1200px) {
    .Knowledge .btn-return-to-dashboard {
        font-size: 18px !important;
        display: none
    }

    .Knowledge .circle canvas {
        height: 190px !important;
        width: 190px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .rounded_img-div .rounded_img {
        min-height: 227px;
        width: 232px !important
    }

    .circle canvas {
        vertical-align: middle;
        height: 154px;
        width: 165px
    }

    .Knowledge .btn-return-to-dashboard-div {
        margin-left: 65px
    }

    Knowledge .circle canvas {
        height: 154px !important;
        width: 165px !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .Knowledge .btn-return-to-dashboard {
        width: 258px !important;
        margin-left: -72px !important
    }

    .owl-carousel.healthprofessionals .owl-stage-outer .owl-stage > .owl-item.active {
        opacity: 1 !important;
    }

        .owl-carousel.healthprofessionals .owl-stage-outer .owl-stage > .owl-item.active ~ .owl-item.active {
            opacity: 0.5 !important;
        }

    .factor_tracking_div {
        display: flex;
        justify-content: center;
    }

    .login_div .login p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        position: absolute;
        top: 0;
    }

    div.featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px;
    }

    .crisesSupport-width {
        padding-top: 25px;
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
    .Knowledge .knowledgecenter-Tab-Heading {
        margin-left: -7px
    }
}

.Knowledge .lnkShowNext-div .lnkFinishTab {
    margin-top: 65px
}

li::marker {
    color: #e14504 !important;
    width: 8pt !important;
    height: 8pt !important;
    /*    font-size: 27pt;*/
    border: 2pt solid #e14504 !important;
    content: inherit !important;
    border-radius: 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    background-color: transparent;
}

.Activity-Landing-Description ul li strong {
    vertical-align: unset;
    top: 0
}

.tracking-graph-container .filter-section .add-an-entry.last-days {
    background-image: url(../../images/Tracking_Arrow.png);
    background-repeat: no-repeat;
    background-position: right 9px center;
    transition: none;
    text-align: center;
    margin-bottom: 15px
}

    .tracking-graph-container .filter-section .add-an-entry.last-days.white {
        background-image: url(../../images/DownArrow_White.png);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: right 9px center
    }

.whiteButton.height-buttonwhite.topUp-div {
    background: 0 0
}

.inner-topUp-div {
    display: table-cell;
    vertical-align: middle;
    height: 62px;
    /* padding-top: 20px*/
    padding-top: 0px;
}

.main-topUp-div {
    width: 100%;
    display: table
}

.inner-completed {
    display: table-cell;
    vertical-align: middle;
    height: 65.79px;
    padding: 10px 0;
    line-height: 19px
}

.percentComplete-span {
    float: right;
    margin: -8px 0;
    color: #e14504;
    position: absolute
}

.sessiondescription strong.black {
    line-height: 22pt
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 10px
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color: #e8e8e8
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-thumb {
    background: #ff9f1a;
    border-radius: 50px
}

.mobile-self-assement-div .fa-chevron-up:before {
    font-size: 10pt
}

.selfAssesmentResultModal-header .modal-title {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

div.selfAssesmentResultModal-body div.selfassestextsizecontent p {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important
}

.selfAssesmentResultModal-footer .btn:hover {
    background-color: #e14504;
    color: #fff !important
}

.favouriteSnippets .favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Author {
    font-size: 14pt !important;
    line-height: 34.8pt;
    color: #000 !important;
    font-family: DMSans-Regular !important
}

span.checkmark.enableTraking {
    margin-top: 4px
}

.progress-wrapper {
    width: 220px;
    padding: 0
}

.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .snippetNotificationAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .trackingReminderAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    background-color: TRANSPARENT !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    min-width: 105px !important;
    padding: 0 10px !important;
    letter-spacing: 0;
    border: 2px solid #e14504 !important
}

.Profile-Snippet-Setup-Description-type {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.checkmark-defaultSnippetTypes {
    margin-left: 20px !important
}

.icons-wrapper.left {
    flex-direction: row-reverse
}

.textalign {
    padding-top: 7px !important
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background-color: TRANSPARENT !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    height: 124px
}

.font14 {
    font-size: 14pt !important;
    font-family: DMSANS-MEDIUM !important;
    color: #bcbcbc !important
}

.sleep-activity-bg-img.tracking_Unhelpful_Thinking {
    background-image: url(../../Images/Tackling_unhelpful_thinking_RGB.png)
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 98px !important
    }
}

div.Snippet-About-DropDown option {
    text-transform: uppercase
}

.sessiondescription {
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) {
    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 220px !important
    }

    .div-back {
        max-width: 100%;
        width: 100% !important;
    }

    .register-selfassessment .first_question {
        left: 0%
    }
}

.Profile.row {
    margin: 0
}

.sleep-activity-bg-img.Taking_Charge_Of._Worry {
    background-image: url(../../Images/Taking_charge_of_worry_RGB.png);
    width: 100%;
    height: 50%;
    background-position: bottom 55px right 0
}

.sleep-activity-bg-img.Building_happiness_And_Wellbeing {
    background-image: url(../../Images/Building_happiness_and_wellbeing_RGB.png);
    width: 100%;
    height: 50%;
    background-position: bottom 55px right 0
}

.sleep-activity-bg-img.Increasing_Pleasurable_Activities {
    background-image: url(../../Images/Increasing_pleasurable_activities_RGB.png)
}

.sleep-activity-bg-img.Man_Central {
    background-image: url(../../Images/Managing_depression_for_men_RGB.png);
    width: 40%;
    height: 40%
}

label.control-label.Profile-Detail-Labels.right-side {
    margin-left: 20%
}

.Profile .fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

.Profile .required {
    color: #000 !important
}

.Profile .rzslider .rz-pointer {
    background-color: #e14504 !important;
    background-image: none !important;
    border: 1px solid #e14504 !important;
    height: 20px;
    width: 20px;
    top: -10px
}

.Profile .custom-slider.rzslider .rz-bar {
    border: none !important;
    background-image: none;
    background: -webkit-linear-gradient(right,orange 25%,#ffb753 50%,#ffcf8d 75%,#fff5ed 100%)
}

.Profile .numberlist.Profile-Options-Header span {
    font-size: 14pt !important;
    font-family: DMSANS-REGULAR
}

.Profile button.continueclr1.loginbtn.continue1.Save-Button-Modal {
    margin-left: 0;
    border: 1.5pt solid #e14504;
    width: 170px;
    padding: 0;
    text-transform: UPPERCASE;
    font-family: DMSANS-MEDIUM !important;
    border-radius: 24px;
    color: #e14504 !important
}

.Profile .modal-body {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b
}

.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff !important;
    border: 1.5pt solid #e14504 !important;
    width: 215px !important;
    padding: 12px 2px;
    justify-content: center;
    height: 49px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    text-transform: uppercase;
    padding-right: 0;
    border-radius: 24px
}

button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button:hover {
    color: #fff;
    background-color: #e14504
}

.Profile .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    background: #fff !important;
    border: 1.5px solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px
}

.Profile .modal-contentQuestionnaire {
    background: #fff;
    border: 1.5pt solid #e14504;
    min-width: 240px
}

.Profile .continue1 {
    padding-bottom: 4px !important;
    padding-top: 4px !important
}

.Profile .continueclr1 {
    float: unset;
    color: beige;
    background: #fff !important;
    border: 1.5px solid #e14504;
    width: 176px;
    height: 36px;
    font-family: DMSANS-MEDIUM
}

.Profile .QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 12pt !important;
    font-family: DMSANS-REGULAR;
    margin-bottom: 10px
}

.Profile .QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 12pt !important;
    font-family: DMSans-Regular
}

.Profile .Profile-Detail-inputs {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px;
    max-width: 350px !important;
    width: 300px;
    border: 1px solid #e14504 !important
}

.Profile .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff !important;
    border: 1.5pt solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px;
    text-transform: UPPERCASE
}

    .Profile .Continue-Button-Modal:hover {
        color: #fff !important;
        background: #e14504 !important;
        text-decoration: none !important
    }

.Profile .Save-Button-Modal {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

.Profile .Profile-Questionnaire-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile .Profile-Questionnaire-Question-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile .ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor.no-border {
    border-top: none !important
}

.Profile .tooltip-inner {
    padding: 3px 8px;
    text-align: center
}

.profiling-Questionnaire-btn {
    justify-content: center;
    display: flex
}

.tracking-setups {
    justify-content: center;
    margin-left: 0
}

.Profile div.selfAssesmentResultModal-body div.selfassestextsizecontent {
    color: #e14504
}

.Profile .selfAssesmentResultModal-dialog {
    border: 1.5pt solid #e14504
}

.graph-tooltip {
    background-color: #dcdcdc;
    font-family: DMSans-Bold !important
}

.Profile .self-asessment-options p.padding_10 {
    text-align: center
}

.Profile p.takeSelf-Assessment-desc {
    font-size: 18pt !important;
    line-height: 23pt;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile button.continueclr1.loginbtn.continue1.Save-Button-Modal:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.completed-activities {
    box-shadow: 0 1px 2px 0 #888;
    border: none !important
}

.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile .featureSnippet.self-assesment {
    padding-top: 0 !important;
    background-image: none !important
}

.notification {
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    color: #000;
}

.question .not_round_img img, .question.not_round_img .round_img img {
    border-radius: 0 !important
}

.ProfileModal-dialog div.selfassestextsizecontent p i, .resultselfpadding1 div.selfassestextsizecontent p i {
    font-style: italic !important;
        font-weight:700;
}

.ProfileModal-dialog div h4 u, .resultselfpadding1 div h4 u {
    text-decoration: none !important
}

.selfassessmentpadding.Profile-page .featureSnippet.self-assesment {
    min-height: 485px !important;
    height: auto
}

div.about-home-content span.color-black {
    color: #000 !important
}

.checkmark.enableTraking {
    font-size: 18px
}

div.padding-send.tracking-reminder-setup {
    padding-left: 10px
}

div.Profile .ProfileModal-dialog {
    width: auto
}

div.Profile .modal-contentQuestionnaire {
    min-width: unset;
    width: auto
}

.ProfileModal-dialog h2, .ProfileModal-dialog h4 {
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    line-height: 23pt
}

.ProfileModal-dialog .selfassestextsizecontent p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 20pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab, .tracking-pages a.radius-0.take-screener-tab.anxiety, .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs {
    line-height: 26.4pt;
    border: none;
    background: 0 0;
    font-size: 22pt !important
}

    .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs li.active {
        border-bottom: 4px solid #e14504
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:hover, .tracking-pages a.radius-0.take-screener-tab.anxiety:hover {
        background-color: transparent;
        line-height: 26.4pt;
        border: none;
        font-size: 22pt !important
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:focus, .tracking-pages a.radius-0.take-screener-tab.anxiety:focus {
        background-color: transparent;
        line-height: 26.4pt;
        border: none;
        font-size: 22pt !important
    }

.tracking-pages a:focus:hover, a:hover {
    text-decoration: none;
    color: #000 !important
}

.tracking-pages .Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 26.4pt !important
}

.tracking-pages .table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    margin: 0
}

.tracking-pages span.header-item b {
    font-size: 22pt;
    color: #e14504 !important;
    line-height: 26.4PT;
    font-family: DMSans-Medium
}

.tracking-pages .tracking-analysis ul {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: unset !important;
    list-style-image: none !important;
    padding-left: 0;
    font-size: 18pt
}

.tracking-pages .tracking-analysis li::marker {
    color: transparent !important;
    width: 13.87px !important;
    height: 13.87px !important;
    font-size: 27pt
}

.tracking-pages .tracking-analysis ul li b {
    color: #e14504 !important;
    font-family: DMSANS-BOLD;
    font-size: 18pt;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-pages .table-bordered.padding.tracking-setup {
    padding-bottom: 0 !important
}

.container.tracking-pages.track-bg {
    float: left;
    background-color: #ecf1f2;
    min-height: 500px;
    background-repeat: no-repeat;
    background-image: url(../../Images/Track.png);
    background-position: right 0 bottom 0
}

.tracking-pages .tracking-analysis-description-2 {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    font-weight: 400 !important
}

.container.tracking-pages-recommended-Modules {
    float: left;
    min-height: 500px;
    background-color: #ecf1f2
}

.recommended-Modules-heading {
    font-size: 22pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.recommended-Modules-description p {
    font-size: 14pt;
    font-family: DMSANS-REGULAR
}

.recommended-Modules-description {
    padding: 20px 0
}

.container.tracking-pages-recommended-Modules .row.module-box1 {
    padding: 25px
}

.tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab, .tracking-pages a.radius-0.take-screener-tab.anxiety, .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs {
    line-height: 21.6pt;
    border: none;
    background: 0 0;
    font-size: 18pt !important;
    font-family: DMSans-Regular !important
}

    .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs li.active {
        border-bottom: 4px solid #e14504
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:hover, .tracking-pages a.radius-0.take-screener-tab.anxiety:hover {
        background-color: transparent;
        line-height: 21.6pt;
        border: none;
        font-family: DMSANS-MEDIUM !important;
        font-size: 18pt !important
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:focus, .tracking-pages a.radius-0.take-screener-tab.anxiety:focus {
        background-color: transparent;
        line-height: 21.6pt;
        border: none;
        font-size: 18pt !important;
        font-family: DMSans-Medium !important
    }

.tracking-pages a:focus:hover, a:hover {
    text-decoration: none;
    color: #000 !important
}

.tracking-pages .Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 26.4pt !important
}

.tracking-pages .table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    margin: 0
}

.tracking-pages span.header-item b {
    font-size: 22pt;
    color: #e14504 !important;
    line-height: 26.4PT;
    font-family: DMSans-Medium
}

.tracking-pages .tracking-analysis ul {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: unset !important;
    line-height: 21.6pt;
    list-style-image: none !important;
    padding-left: 0;
    font-size: 18pt
}

.tracking-pages .tracking-analysis li::marker {
    color: transparent !important;
    width: 13.87px !important;
    height: 13.87px !important;
    font-size: 27pt
}

.tracking-pages .tracking-analysis ul li b {
    color: #e14504 !important;
    font-family: DMSANS-BOLD;
    font-size: 18pt;
    letter-spacing: 0;
    font-weight: unset !important;
    line-height: 21.6pt
}

.tracking-pages .table-bordered.padding.tracking-setup {
    padding-bottom: 0 !important
}

.container.tracking-pages.track-bg {
    float: left;
    background-color: #ecf1f2;
    min-height: 500px;
    background-repeat: no-repeat;
    background-image: url(../../Images/Track.png);
    background-position: right 0 bottom 0
}

.tracking-pages .tracking-analysis-description-2 {
    color: #000 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: 400 !important;
    line-height: 21.6pt;
    font-size: 18pt
}

.container.tracking-pages-recommended-Modules {
    float: left;
    min-height: 500px;
    background-color: #f6f8f9;
}

.recommended-Modules-heading {
    font-size: 22pt;
    color: #e14504;
    font-family: DMSANS-REGULAR;
    padding-top: 40px
}

.recommended-Modules-description p {
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    margin-bottom: 5PX
}

.recommended-Modules-description {
    padding: 20px 0
}

.container.tracking-pages-recommended-Modules .row.module-box1 {
    padding: 25px
}

.container.tracking-pages-recommended-Modules .getstartedactivities-button {
    padding: 10px 25px !important
}

.container.tracking-pages-recommended-Modules a:focus:hover, a:hover {
    text-decoration: none;
    color: #fff !important
}

.container.tracking-pages-recommended-Modules {
    margin-bottom: -50px
}

.YourDashboard.notVisiableOnActivityPage a:hover, .from-your-responses-message-div p a:hover {
    color: #e14504 !important
}

.tracking-check-div label.tracking-label.ng-binding {
    font-weight: 400 !important
}

.tracking-graph-container .filter-section .add-an-entry.last-days.white:hover {
    background-image: url(../../images/Tracking_Arrow.png)
}

.tracking-graph-container .add-an-entry {
    width: 170px
}

.row.tracking-graph-container.fade-out-container {
    opacity: .3
}

.tracking-pages .tracking-analysis ul li b.medium {
    font-family: DMSANS-MEDIUM
}

a.glyphicon-color.topdown:hover {
    color: #e14504 !important
}

.ddlBirthYear .dropdown-menu li a:hover {
    color: #000 !important
}

.container.tracking-pages-recommended-Modules {
    width: 100%
}

.container.tracking-pages.track-bg {
    width: 100%
}

.container.only-for-tracking-pages {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.whiteButton.height-buttonwhite.topUp-div {
    margin-left: 20px
}

a.text-center.get-started-button.getstartedbutton.add-new-entry {
    margin-top: 20px
}

.knowledge-header description {
    font-size: 18pt;
    line-height: 21.6pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.knowledge-center-accordian-header {
    font-size: 22pt;
    line-height: 36pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.knowledgeCentre-QuickLinks-Headings a {
    font-size: 22pt;
    line-height: 23pt;
    color: #e14504;
    font-family: DMSans-Bold;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledge-header .description {
    font-size: 42pt;
    line-height: 50.4pt;
    color: #000;
    font-family: DMSans-Regular;
    padding: 0 15px;
    height: auto;
    word-break: break-word;
    margin-bottom: 20px
}

.percentComplete.margin-floatright20 {
    font-size: 20px;
    margin-left: 8px
}

li.return-to-Menu a:hover {
    color: #e14504 !important
}

.knowledge_description {
    font-size: 18pt !important;
    font-family: DMSans-Regular !important;
    line-height: 21.6pt !important;
    color: #000 !important;
    padding-top: 50px
}

a.Snippets-Edit:hover {
    color: #e14504 !important
}

ul li a:hover {
    color: #e14504 !important
}

.getstartedactivities-button:focus {
    color: #fff;
    text-decoration: none
}

.Profile-Tab-Heading {
    cursor: pointer
}

.container.Knowledge {
    width: 100%;
    padding: 0
}

.sessiondescription ul {
    list-style-image: none
}

    .sessiondescription ul li::marker {
        color: transparent !important
    }

.remove-badge .returntomenu {
    font-size: 14pt;
    font-family: DMSans-Regular;
    cursor: pointer;
    color: #000 !important
}

    .remove-badge .returntomenu a {
        color: #000 !important
    }

.inner .width-2-per.margin-floatright20 {
    margin-right: 5px !important
}

    .inner .width-2-per.margin-floatright20.percentComplete {
        font-size: 14px
    }

.Knowledgecenter-img img {
    width: 300px;
    border-radius: 50%;
    height: 300px;
    margin-top: 65px
}

.Tracking-Summary-Description, .row.Knowledgecenter {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px
}

    .row.Knowledgecenter .Knowledgecenter-img img {
        margin-top: 65px
    }

.progress_bar_row {
    margin-top: 25px
}

.btn-return-to-dashboard-div {
    margin-left: 15px
}

.row.return-to-dashboar-btn {
    display: flex;
    justify-content: center
}

.rounded_img-div.Knowledgecenter-img {
    padding-left: 0
}

.Knowledge ol li, .Knowledge ul li, .knowledge_description ul li {
    color: #000
}

ol li::marker {
    font-size: 18pt
}

.register .tooltip-inner {
    padding: 3px 8px;
    text-align: center
}

.owl-carousel.owl-loaded i.fa.fa-play-circle-o.palyicon {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.Basic-Text-Frame a, .Basic-Text-Frame a:active, .Basic-Text-Frame a:hover, .Basic-Text-Frame a:visited {
    text-decoration: none !important
}

.notification.panel.padding-20.Changecursor a:hover {
    text-decoration: none;
    color: #e14504 !important
}

.sleep-landing-container .get-started-sleep {
    background: #e14504;
    color: #fff
}

.Activity-Landing-Description ol li, .Activity-Landing-Description ul li {
    padding-left: 15px;
    margin-bottom: 10px
}

.control-label.register-label.padding-bottom-25px.margin-top-10.confirmPassword {
    z-index: -1 !important
}

.sessiondescription p:first-child {
    min-height: 96px
}

.sessiondescription ul li p {
    min-height: unset !important
}

.Activity-Landing-Description ol {
    list-style-image: url(../../Images/BulletPoint.png)
}

.crisis-margin-top a {
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .crisis-margin-top a:hover {
        color: #e14504 !important;
        text-decoration: none !important;
    }

.Knowledge .crisis-margin-top {
    margin-top: 15px !important
}

.Knowledge .crisis-margin-left {
    margin-left: 39px !important
}

.margin-left-100 {
    margin-left: 100px
}

.stylinglink {
    color: #616161 !important;
    text-decoration: underline #e14504 !important;
}

    .stylinglink:hover {
        color: #e14504 !important;
        text-decoration: underline !important;
    }

.margin_bottom_25 {
    margin-bottom: 25pt
}

.empty-chart-wrapper .padding-top-20Percent {
    padding-top: 32%
}

.module .activity-header {
    background-color: #f4f1ef;
}

.margin_top_10 {
    margin-top: 10px;
}

.tracking-msg {
    font-size: 18pt;
    font-family: 'DMSANS-REGULAR';
}

.col-md-12.margin-top-20.tracking-msg {
}

.register .row.questionnaireBackground {
    bottom: 8px;
}

.preferredGender-lbl {
    width: 210px;
}

.preferredGender-txtBox {
    padding-left: 0px;
}

.tracking_text.special_note_text {
    font-size: 14pt !important;
    line-height: 0pt;
}

.text-below-tracking-button.special_note_text_div {
    padding-top: 10px;
    margin-left: 14px;
}

.tracking-msg span {
    color: #e14504;
}

.snippetNotifiactionForm-checkmark {
    top: 2px;
}

.Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
    padding-right: 2px;
    text-align: right;
}

.Profile-TrackingReminders-Dropdown-Headings2.timeZone-Snippet {
    padding-right: 2px;
    text-align: right;
}

.Profile-TrackingReminders-Dropdown-Headings2.via-Frequency {
    padding-left: 22px;
}

.Profile-TrackingReminders-Dropdown-Headings2.via-Snippets {
    padding-left: 2px;
}

.Knowledgecenter-img img .resize {
    width: unset;
    height: unset;
}

.padding-snippet .snippet-notification-setup.padding-send {
    padding-left: 10px
}

#snippetNotificationSetup .padding-snippet {
    padding: 0px 3px 0px 31px;
}

.MobileProfileModalOuterBox .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff5e8 !important;
    border: 1.5pt solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 25px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px;
    text-transform: UPPERCASE;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

#shareMyCompassModal .modal-contentQuestionnaire {
    border: 1.5pt solid #e14504;
}

#shareMyCompassModal .MobileProfileModalOuterBox .Continue-Button-Modal:hover {
    background: #e14504 !important;
    color: #fff !important;
}

#shareMyCompassModal .ProfileModal-dialog {
    width: auto;
}

.tracking-pages .tracking-analysis ul li {
    color: #e14504;
    font-family: DMSans-Regular;
    font-size: 18pt;
    font-weight: unset !important;
    line-height: 21.6pt;
    margin-bottom: 10px !important;
}

.popover .popover-content {
    padding: 9px 9px;
}

.modalResetPassword.modal-contentQuestionnaire {
    background: #fff;
    border: 1.5pt solid #e14504;
}

.ShowSuicidalFeedback-message-div .from-your-responses-message-div p, .ShowSuicidalFeedback-message-div-home .from-your-responses-message-div p {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100;
}

.modal-body.from-your-responses-message-div-ShowSuicidalFeedback .SelfAssessment-SeveralDays-Description p {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100;
}

.youngpeople-width {
    padding-left: 0px !important;
}

.paddingtop25 {
    padding-top: 25px !important;
}

a:hover {
    color: #e14504;
}

.Session-box-margin .Activity-Landing-Session-Begin-Button.textalign {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    line-height: 14.515pt;
    width: 180px;
    border: 1.5pt solid !important;
    margin: 25px 105px;
    text-align: center;
    height: 47px;
    padding: 12px 15px !important;
}

.IsnotDoneTrackingFromNewUser.text-below-tracking-button {
    margin-top: 0px;
}

.Session-box-margin .Activity-Landing-Session-Begin-Button.textalign:hover {
    color: white !important;
}

.modal-contentQuestionnaire.ProfileModal-dialog.col-xs-12 {
    background: #fff5e8;
}

.custom-pop-up {
    background: #fff5e8 !important;
}

.modal .custom-pop-up .newUserModal-footer .btn {
    background: #fff5e8 !important;
}

.tracking-dropdown-div.recentNotGoodDays_div {
    padding-left: 0px;
}

.modal .custom-pop-up .newUserModal-footer .btn:hover {
    background: #e14504 !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    img.bdiImgMobile {
        margin-top: 30px !important;
    }
}


@media only screen and (min-width: 834px) and (max-width: 1194px) {
    .header-right {
        float: left !important;
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    .header-right img.bdiImgMobile {
        margin-top: 30px !important;
    }
}

.rzslider .rz-ticks li {
    background-color: #e14504 !important;
}

    .rzslider .rz-ticks li.ng-scope {
        display: block !important;
    }

#snippetSetup .checkbox, .tracking-setups .checkbox {
    margin-bottom: 25px;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
    .collapse.navbar-collapse div#myCompassNavbar {
        float: right;
    }

    .factor_tracking_div {
        display: flex;
        justify-content: center;
    }

    .Profile .Profile-Save-Button.button-orange {
        padding: 8px 2px !important;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Safari only override */
        div .header-right img.bdiImgMobile {
            margin-top: 35px !important;
        }



        .Profile select.form-control.Profile-Tracking-Reminder-Dropdown {
            background-image: url(/Images/ArrowUp.png);
            background-repeat: no-repeat;
            background-position: right;
            -webkit-appearance: none;
        }

        .Profile div.first_question {
            left: 26.5% !important;
        }

        .landing_self_assesment .padding100 {
            padding-right: 0 !important;
        }

        div.padding_left_100 div.getstartedIn5-text {
            padding: 0 35px !important;
        }

        div.image-margin {
            margin-left: 0;
        }

        div.tab-content.backgorund-yellow {
            width: 100% !important;
        }

        .rounded_img-div.Knowledgecenter-img {
            display: flex;
            justify-content: center;
        }

        .favouriteSnippets {
            padding: 20px;
        }

        div.healthcare-header {
            background-position: right 0 top !important;
            background-size: 400px 100% !important;
        }

        .profile-page-container div.healthcare-header {
            background-position: right 0 top !important;
            background-size: 400px 100% !important;
        }

        .self_assesment_mobile_padding_left_0_right_0 {
            padding-left: 15px !important;
            padding-right: 0;
        }

        p.takeSelf-Assessment-desc {
            padding: 0 10px 0 0px !important;
            width: 100% !important;
        }

        .padding-home-button {
            margin-bottom: 20px;
            margin-left: 0;
        }

        div.printable-brochures-main-div {
            padding-left: 170px !important;
        }
        /*MYC2-747 start*/
        div.ipad-margin-left-0 {
            margin-left: 0 !important;
        }

        div.padding-home-button {
            margin-left: 0;
        }

        div.ipad-margin-top-about {
            width: 72%;
        }

        .text-align-center.ipad-margin-top-about {
            margin-left: 14% !important;
        }

        div.btn-text-styling-mob {
            text-transform: uppercase;
            font-size: 14pt;
        }
        /*MYC2-747 end*/
        div.about-home-content .accordion-heading span:not(span.faicon) {
            color: #e14504 !important;
            right: -6px !important;
        }

        div.mobile-about-inner-accordion {
            font-size: 18pt;
        }

        .padding_mobile_left_right_30 {
            padding: 0 30px;
        }

        .snippetType.Motivational.Messages {
            padding-left: 15px;
        }

        .snippetType.Motivational.Messages {
            padding-left: 15px;
        }

        .rounded_img-div.Knowledgecenter-img div.ng-scope {
            display: flex;
            justify-content: center;
        }



        div.Knowledgecenter-img img {
            padding-left: 0px;
            width: 300px !important;
            border-radius: 50% !important;
            height: 300px !important;
        }

        label.sharemy-compass-input-style {
            margin-left: 10px !important;
        }


        .HomePage span.glyphicon.glyphicon-chevron-left:before {
            content: " " !important;
        }

        div.owl-nav .glyphicon.glyphicon-chevron-left {
            right: 67px;
            top: 60px !important;
            background-image: url(../../Images/RightArrow_Mobile.png) !important;
            top: 60px !important;
            background-size: 100%;
            background-repeat: no-repeat;
            transform: none !important;
            display: table;
            height: 80px;
            width: 38px;
            transition: none !important;
        }

        .adults-padding, .seniors-padding {
            padding-left: 0;
        }

        .self-assement-container {
            width: 250px;
            float: none;
            clear: both;
            margin: 0 auto;
            padding-top: 20px;
        }

        div.first_question {
            left: 17.333333% !important;
        }

        .owl-carousel .owl-stage-outer {
            width: 100% !important;
            margin: auto !important;
            padding-bottom: 60px;
        }



        .Home_Splash_div {
            clear: both;
        }


        .tracking-setup-container .tracking-label {
            font-family: DMSans-Medium;
            font-size: 14pt;
            line-height: 16.8pt;
            letter-spacing: 0;
            margin-right: 25px;
        }

        .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
            left: 32% !important;
        }

        div.knowledgeCentre input[type=radio].custom_radio_button {
            max-width: 10% !important;
        }

        .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
            width: 150px !important;
        }

        div.mobile-self-assement-div .panel-body .tab-content {
            margin: 0;
            height: auto !important;
            width: 100%;
            min-height: 450px;
        }
    }
}

.main-header-logo {
    display: table;
}

.inner-header-logo-left {
    display: table-cell;
    vertical-align: middle;
}

.inner-header-logo-right {
    display: table-cell;
    vertical-align: middle;
}

    .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 150px;
    }

.margin-top-6 {
    margin-top: 6px
}

.btn-continue {
    width: 15% !important;
    left: 620px !important
}

.register-font-text {
    font-family: DMSANS-BOLD;
    font-size: 33px;
    letter-spacing: 0 !important;
    color: #272727 !important
}

.margin-top-90 {
    margin-top: 40px
}

.top-buffer {
    margin-top: 20px
}

.motivational-message {
    margin-left: -23px;
    padding-right: 0
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-10 {
    padding-top: 10px
}

.carousel-control-left {
    color: red
}

.carousel-control-right {
    color: red
}

.ShowMe {
    white-space: nowrap;
    margin-top: 6px
}

label {
    font-weight: unset !important
}

.font-Montserrat {
    font-family: Montserrat-Regular;
    color: #553c54
}

.display-inline {
    display: inline
}

.background {
    background: 0 0 !important
}

.panel-hide-show {
    margin-top: 20px !important;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 0 !important
}

.browse-snippets-p {
    margin: 0 0 10px 0
}

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

.margin-top-10 {
    margin-top: 10px
}

.font-size-17 {
    font-size: 17px
}

.navMenu {
    margin: auto 0 !important;
    text-align: left;
    padding: 0 4px !important
}

.navbar-default {
    box-shadow: none;
    background-color: #fff
}

.footer-heading {
    text-decoration: none !important;
    color: #fff;
    font-family: Lato,Arial,sans-serif;
    font-size: 13px
}

    .footer-heading:hover {
        text-decoration: none;
        color: #fff
    }

.height-20 {
    height: 20px;
    margin-right: 15px
}

.height-12 {
    height: 12px
}

.menufont {
    text-decoration: none !important;
    color: #31261d;
    font-size: 14px;
    font-family: Lato,Arial,sans-serif;
    margin: 15px
}

.hr {
    background-color: #c80000;
    -webkit-transform: rotate(90deg);
    position: absolute;
    height: 2px;
    left: 156px;
    border: 2px;
    margin-top: -24px
}

.marginmenuitem {
    margin-right: -25px
}

.marginbtnCollapse {
    margin: 15px
}

.profileDiv {
    float: right;
    margin-top: -30px;
    margin-right: 15px
}

.line {
    margin-top: 15px;
    height: 4%;
    width: 1px;
    background: #cfc7c0;
    top: 0;
    bottom: 0;
    position: fixed
}

.alignContent {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center
}

.social-icon {
    height: 50px;
    width: 50px
}

.dropdownbutton {
    min-width: 150px
}

.margin-top-20 {
    margin-top: 20px
}

body {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-10 {
    margin-bottom: 10px
}

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

.margin-left-15 {
    margin-left: -15px
}

@media only screen and (max-width:767px) {
    div.module-keep-learning .table-bordered, div.row.module-activities {
        padding: 0
    }

    .favouriteSnippets div.browseSnippets {
        background-size: 400px 320.52px,1361.56px 976.28px;
        background-position: right 2% bottom 28px,left 0 top 0;
    }

    .Knowledge div.AboutPro.media.knowledgecenter-Tab-Heading .media-body {
        padding: 5px 30px 10px 0 !important;
    }

    .header ul.nav li.return-to-Menu a {
        padding: 10px 5px;
    }

    .browseSnippets .no_snipeet {
        width: 100%;
        text-align: center;
    }



    .date-format-for-mobile {
        width: 100%;
        display: table
    }

    .progress-div {
        width: 8%;
        height: 25px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .text-center.progress-main-div.sleep {
        padding-left: 0
    }

    div.progress-div {
        width: 20px;
        height: 20px;
        border: 2px solid #e14504;
        border-radius: 100%;
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 50%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 50%;
        position: absolute;
        right: 0;
        background-position: bottom 20px right 0;
        bottom: 0
    }

        div.sleep-activity-bg-img.Man_Central {
            width: 90%;
            height: 33%
        }

    .sleep-landing-container.Man_Central {
        height: 1800px;
    }

    div.row.activity-module-container {
        width: 100%;
        padding: 0;
        height: auto;
        margin: 0;
        background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 535px 450px;
        margin-bottom: -60px;
        padding-bottom: 100px;
    }

    .sleep-landing-container.smart {
        height: 1800px
    }

    .sleep-landing-container.Man_Central {
        height: 1800px;
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 830px 59%;
        height: 1300px
    }

        .sleep-landing-container.tracking_Unhelpful_Thinking.sleep-landing-container.tracking_Unhelpful_Thinking {
            height: 1750px;
        }

    div.row.progressbar-for-activity {
        width: 90%;
        margin: auto
    }

    div.row.module-keep-learning {
        background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
        background-size: 100% 20%;
    }

    .row.module-keep-learning.padding_left_100 {
    }

    div.module-box {
        padding-left: 15px
    }

    div.core-module {
        padding-left: 20px
    }

    h4.Activity-Recommended {
        padding-left: 0
    }

    div.Activity-Keep-Learning-Description {
        padding-left: 15px
    }

    div.activity-header {
        background-size: 380px 500px;
        height: 500px
    }

    div.module-box1 {
        width: auto
    }

    div.ModuleButtonSpanB {
        width: 75%
    }

    .healthprofessionals {
        margin-left: 0
    }

    .basicModuleBox {
        padding-right: 15px !important
    }

    div.healthcare-header {
        background-position: right 0 top !important;
        background-size: 60% 100% !important;
        height: 270px;
    }

    .container.Knowledge div.margin-left-100 {
        margin-left: 0;
    }

    .Knowledge .depression-factsheet-link a {
        color: #e14504 !important;
        padding: 10px 10px 10px 10px !important;
    }

    .owl-carousel.owl-loaded {
        z-index: 0
    }

    .featureSnippet .padding100 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .orangeclr.visiable-for-mobile {
        display: block !important
    }

    .orangeclr.visiable-for-desk {
        display: none !important
    }

    .newUserModal-dialog.container .modal-content {
        height: auto !important
    }

    .modal-content .modal-body p {
        word-break: break-word
    }

    .margin-top-90 {
        margin-top: 0 !important
    }

    .questionnairSurvey {
        margin-bottom: 80px !important
    }

    div.footerHome {
        margin-top: 0px !important;
        margin-bottom: 0 !important;
        height: auto
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        padding: 5px 30px 30px 0 !important
    }

    .table-bordered .faicon span.custom-fa {
        position: relative;
        right: 32px
    }

    .Knowledge .table-bordered .faicon span.custom-fa {
        right: 0
    }

    .width_300_mobile {
        width: 300px
    }

    .modal-content .modal-title {
        word-break: break-word;
        line-height: 40px !important
    }

    .modal .newUserModal-footer .btn {
        float: unset;
        color: #e14504;
        margin-left: 8px !important;
        background: #fff !important;
    }

    .crisesSupport-width {
        width: 338px !important
    }

    .register-header {
        font-family: DMSANS-REGULAR;
        padding-top: 0 !important
    }

    .registration-body .dark-orange a {
        font-family: DMSANS-REGULAR !important;
        font-size: 14pt !important
    }

    .btn-step1-continue {
        margin-left: -10px !important
    }

    .ddlBirthYear .dropdown-menu {
        width: 76% !important
    }

    .register-aside-header {
        margin-left: -10px !important
    }

    .btn-continue {
        width: 30% !important;
        left: 62px !important
    }

    .glyphicon.glyphicon-chevron-right:before {
        content: " " !important
    }

    .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    label.padding-left-0.register-label.margin-left-32.padding-top-bottom-10.register-label {
        margin-top: 0px !important;
    }

    margin-bottom-23 {
        margin-bottom: -23px !important
    }

    .hear_from, div.getstartedIn5-text, p.personalize-text {
        font-size: 22px !important
    }

    span.expClass::after {
        content: ""
    }

    span.colsClass::after {
        content: ""
    }

    div.primaryGraphicimg {
        float: none
    }

    div.dashboard {
        margin-top: 0
    }

    .professional .Basic-Text-Frame {
        position: relative
    }

    .professional_img {
        display: none
    }

    .professional_Backgorund {
        display: none
    }

    .jump-to-topic .width-120-per {
        width: 150px !important
    }

    ul.jump-to-topic li:hover {
        text-decoration: none !important
    }

    div ul.jump-to-topic {
        margin-top: 18px
    }

    .hamberger-badge, .tracking-box {
        position: relative !important
    }

    body {
        padding-top: 0
    }

    button.nextclr {
        margin-left: 34px !important;
        padding: 9px 92px 10px 52px !important;
        width: 10% !important
    }

    .padding-trackingsetup {
        padding: 10px !important
    }

    select.margin {
        margin-bottom: 10px !important
    }

    input.margin1 {
        margin-bottom: 0 !important
    }

    .non-active-module-in-dashboard {
        height: auto !important
    }

    .remove-badge .badge {
        display: none
    }

    .navbar-nav {
        margin: 7.5px 7px
    }

    .padding {
        padding: 7px 15px 15px 15px !important
    }

    .mob-text-center {
        text-align: center !important
    }

    .align, ul.nav {
        text-align: center
    }

    .mobile-width-115per {
        width: 115% !important
    }

    .margin-left22px {
        margin-left: -8px !important
    }

    .margin-left-minus65px {
        margin-left: 0 !important
    }

    .margin-left-mobile-minus5 {
        margin-left: -5px
    }

    .tracker-social-right {
        margin-left: 0 !important
    }

    .margin-right-5px {
        margin-right: 1px !important
    }

    .margin-top-tracker-40 {
        margin-top: 10px !important
    }

    .mob-margin-left-3per {
        margin-left: -3% !important
    }

    .margin-left-mobile-minus15 {
        margin-left: -15px !important
    }

    .padding-bottom-mob-25px {
        padding-bottom: 25px !important
    }

    .margin-left-paused-circle-22 {
        margin-left: 0 !important
    }

    .circleInDashboard canvas {
        height: 145px !important;
        width: 145px !important;
        margin-left: -21px !important;
        margin-top: -8px !important
    }

    .margin-left-48px {
        margin-left: -10px !important
    }

    .mobile-margin-top-42 {
        margin-top: 15px !important
    }

    .align {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px
    }

    .hamberger-badge {
        position: relative !important;
        right: -5px;
        top: 15px;
        float: left;
        z-index: 1;
        margin-right: 5px
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 5% !important
    }

    .userQuestions div.row {
        margin-left: 0 !important;
        margin-right: 0
    }

    .nav li.icon {
        display: inline-block
    }

    .mobile-hidden {
        display: none
    }

    ul.nav {
        text-align: center
    }

    .tracking-box {
        position: relative !important
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -7px;
        padding-left: 10px;
        border-left: 0;
        margin-top: 0
    }

    .mobile-text-align-center {
        text-align: center !important
    }

    .width-100-per-mobile {
        width: 100%
    }

    div.Screenshot1-image-margin {
        text-align: start;
        margin-top: -43px;
        margin-right: 2px
    }

    .mobile-remove-margin-left {
        margin-left: 0
    }

    .footer-elements {
        width: 100%;
        background-repeat-y: no-repeat;
        background-size: 156% 100%;
        margin-left: 2px;
        padding-top: 74px;
        margin-top: 0 !important
    }

    .footerHome {
        background: 0 0 !important
    }

    .remove-left-margin-mobile {
        margin-left: -10px !important
    }

    .margin-left-5-neg {
        margin-left: 0 !important
    }

    .lead1 {
        margin-bottom: 14px;
        font-size: 12px !important;
        line-height: 1.4
    }

    .getstartedbutton-width {
        width: 50% !important;
        margin-left: 0 !important
    }

    .mob-14week {
        padding-left: 6px;
        padding-top: 15px
    }

    .mob-14week1 {
        padding-top: 28px;
        padding-left: 30px
    }

    .margin-left-5neg {
        margin-left: 0 !important
    }

    .padding-7week {
        padding: 0
    }

    .header ul.nav li {
        width: 100%;
        text-align: left
    }

        .header ul.nav li a {
            text-align: left
        }

    .mobile-padding-0 {
        padding: 0
    }

    .mobile-padding-left-0 {
        padding: 0
    }

    .mobile-padding-margin-left-less5 {
        padding-left: 0;
        margin-left: -5px;
        margin-top: 25px
    }

    .mobile-text-align-left {
        text-align: left !important
    }

    .margin-continue-register {
        margin-left: 4%
    }

    div.getstartedbutton.getstartedbutton-width.share-mycompass {
        padding: 9px 0
    }

    span.healthcare-text {
        letter-spacing: 0 !important;
        font-size: 26px !important
    }

    .healthCareHeight {
        line-height: 24px
    }

    h1.myCompass-text {
        letter-spacing: 0 !important;
        font-size: 42px !important
    }

    .ModuleButtonSpan {
        height: 100% !important;
        overflow: scroll
    }

    div.submit-tracking-button {
        font-size: 12px !important;
        margin-left: 16.6666% !important
    }

    .dashboard-progress-bar .circle div {
        top: 28px;
        left: 3px
    }

    .dashboard-progress-bar .circle span {
        top: 37px;
        left: -10px
    }

    .dashboard-progress-row {
        padding-top: 35px !important
    }

    .activity-progress-row {
        padding-top: 35px !important
    }

        .activity-progress-row .circle div {
            top: 28px;
            left: 5px
        }

        .activity-progress-row .circle span {
            margin-left: 5px
        }

    .reset-password-header {
        font-size: 30px !important
    }
}

@media (min-width:1281px) {
    .icon {
        list-style: none;
        float: left;
        margin: 0;
        padding: 5px;
        position: relative;
        top: 8px
    }

    .footermargin {
        margin-left: -64px
    }
}

@media (min-width:1281px) {
    .marginleft {
        margin-left: -25px
    }
}

@media (min-width:1281px) {
    .width-120 {
        width: 120px
    }
}

@media (min-width:1281px) {
    .floatright {
        float: right
    }
}

@media only screen and (max-width:767.8px) {
    .core-module .inner {
        height: 85.79px !important;
    }

    .module_activities_page .emptyActiveModuleMessage .emptyActiveModuleMessage .Activity-Empty {
        text-align: left;
    }

    .core-module div.progressbar.progressbarInButton {
        margin: 4px -24px 0 0 !important
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div.author {
        padding-right: 8px
    }

    div.progressbar.progressbarInButton {
        margin: 4px -24px 0 0 !important
    }

    .inner {
        height: 85.79px !important;
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div.author .Snippet-About-DropDown {
        float: right
    }

    .selfAssessmentInDashboard .selfAssessment {
        padding-left: 15px !important
    }

    div.height-whitebutton {
        height: 90.79px !important;
    }

    .selfAssessmentInDashboard .selfAssessment {
        padding-left: 15px !important
    }

    .Your_snippet_About_DropDown_div {
        padding-right: 0
    }

        .Your_snippet_About_DropDown_div div.snippet_About_DropDown_div {
            padding-right: 0;
            margin-top: 20px;
            margin-bottom: 24px;
        }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        width: 100% !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        width: 222px !important;
        float: none
    }

    div.snippet_About_DropDown_div {
        padding-right: 0
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        padding-top: 3px;
        padding-right: 0px;
        padding-bottom: 3px;
        background-position: right 5% top 13px;
        padding-left: 0px !important;
        width: 100% !important
    }

    div.favouriteSnippets .browseSnippets .Snippet-About-DropDown {
        padding-left: 0px !important;
        padding-right: 0px;
        background-position: right 5% top 13px;
        width: 100% !important
    }

    div.dashboard-Activity-Module-Completed-Name, div.dashboard-Activity-Module-Paused {
        font-size: 12pt !important;
        word-break: break-word !important
    }

    .selfAssessment-padding-left-6px {
        padding-left: 0
    }

    .sharewithmyCompass div.printable-brochures-main-header {
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 33% 100%,100% 100%;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    label.control-label.alignContent.register-header2 {
        padding: 0 0;
        text-align: center
    }

    .register button.share-mycompass-button {
        margin-left: 0
    }

    div.dashboard-Activity-Module-Completed-Name, div.dashboard-Activity-Module-Paused {
        font-size: 12pt !important;
        word-break: break-word !important
    }

    .selfAssessment-padding-left-6px {
        padding-left: 0
    }

    .sharewithmyCompass div.printable-brochures-main-header {
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 175px 100%,100% 100% !important;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    label.control-label.alignContent.register-header2 {
        padding: 0 0;
        text-align: center
    }

    .register button.share-mycompass-button {
        margin-left: 0
    }

    .padding_mobile_left_right_30 {
        padding: 0 30px
    }

    div.dot-progress-bar {
        justify-content: center;
        display: flex
    }

    .divscroll-height {
        height: auto !important
    }

    .padding_mobile_left_right_8 {
        padding: 0 8px
    }

    #favoriteSnippet_myCarousel.favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    div.Motivational {
        padding-left: 15px;
        width: 100%
    }

    .snippetType.Tips {
        padding-right: 0;
        width: 100%
    }

    div.about_SelfAssessment .custom-anchor.padding-left-right-30px {
        padding-left: 1px
    }

    div.register-header.registration-Step2-text {
        padding-top: 50px !important
    }

    .dashboard .carousel-inner.ViewSnippet .Dashboard-ViewSnippet.mobile-margin-top-6 {
        padding: 15px 0
    }

    .sleep-landing-container.Managing_fear_and_anxiety {
        height: 1800px
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 50% 42% !important;
        background-position: bottom 55px right 42px
    }

    .sleep-landing-container.Building_calm._and._relaxation {
        min-height: 1660px
    }

    .sleep-landing-container.Communicating_clearly {
        height: 2000px
    }

    div.sleep-activity-bg-img.Communicating_clearly {
        background-size: 100% 50%;
    }

    div.sleep-landing-container.Managing_loss_and_major_life_change {
        height: 1520px
    }

    div.sleep-landing-container.Doing_what_really_counts {
        height: 1570px
    }

    div.sleep-activity-bg-img.Doing_what_really_counts {
        background-size: 89% 68%;
        height: 410px
    }

    div.sleep-activity-bg-img.Managing_loss_and_major_life_change {
        background-size: 50% 80%;
        height: 410px;
    }

    div.favouriteSnippets {
        height: auto
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right, .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-right {
        transform: translate(0,0) rotate(315deg) scale(.34,.34) !important
    }

    div.browseSnippets.margin-top-20 {
        margin-bottom: 0
    }

    div.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        width: 100%
    }

    div.favouriteSnippets {
        background-position: bottom
    }

    .favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    div.Snippet_header {
        background-size: 125% 68%,100% 100%;
        height: auto;
        background-position: right -43px top,left 0 top 0
    }

    h2.Snippets-Heading {
        margin-top: 120px
    }

    .container.module-Container .extra-modules .progressbar .circleInButton canvas, .container.module-Container .module-activities .circle canvas {
        width: 50px !important;
        height: 50px !important
    }

    .container.module-Container .module-activities .activity-progress-row .circle canvas {
        width: 220px !important;
        height: 220px !important
    }

    .extra-modules .progressbar-margintop-right.progressbarInButton {
        margin: -3px -17px -12px 0
    }

    div.activty_dot_img_background {
        /* background: url(../../Images/Activity_Header1.png),url(../../Images/Activity_Header.png);*/
        /*background: url(../../Images/Activity_Header_Transparent.png);*/
        background: url(../../Images/DotGraphics_Orange_portrait_A4_RGB_04.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: left 0 top;
        background-size: 600px 600px,100% 100%;
        width: 100%;
        height: 375px;
        text-align: center;
        padding: 65px 0;
        font-size: 14pt;
        color: #e14504;
        font-family: DMSans-Bold;
        background-color: #fff5e8 !important;
    }

    div.Activity-Active-Percentage.percentage-for-module-page {
        margin-top: 0 !important
    }

    .complete-percentage.complete-percentage-for-module {
        margin-top: 59px !important;
        margin-left: 0 !important
    }

    .container.module-Container .circle canvas {
        width: 175px !important;
        height: 175px !important
    }

    .dasbord-activity-container .progressbar.dashboard-progress-bar .circle canvas {
        vertical-align: middle;
        height: 220px !important;
        width: 220px !important
    }

    .navbar-nav .open .dropdown-menu {
        max-width: 100%
    }

    div.pause-button-div {
        min-height: 80px;
        padding-right: 0;
        background-position: 5px;
    }

    div.inner-pause-activity {
        padding-left: 15px;
        height: 80.79px !important;
    }

    div.activity-container {
        height: auto
    }

    div.next-button {
        padding: 0 15px
    }

    a.navigation-menu-withoutLogin.login.navigation.menu-login {
        padding-right: 0 !important
    }

    span.CharOverride-47 {
        text-align: left
    }

    .professional p.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0;
        text-align: left;
        padding: 0 !important
    }

    li.professional {
        padding: 0 14px !important;
        position: relative
    }

    .content-link {
        font-size: 15px !important
    }

    .mobile-content-link {
        padding-left: 15px !important
    }

    .btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .btn-org-mobile {
        width: 50% !important;
        padding-left: 19% !important;
        margin-left: 50px !important
    }

    button.next {
        margin-left: -15px !important;
        padding: 10px 92px 10px 50px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 30px 18px 32px !important
    }

    .mobile-margin-left-15px {
        margin-left: 15px
    }

    .ModuleButtonSpan {
        width: 70% !important
    }

    .circleInButton canvas {
        width: 40px;
        height: 40px
    }

    .mobile-padding-right-12 {
        padding-right: 12px
    }

    .mobile-margin-left-less15 {
        margin-left: -15px
    }

    .mobile-module-box {
        width: 115% !important;
        height: 100% !important
    }

    .mobile-margin-left-15per {
        margin-left: 15%;
        padding-left: 0
    }

    .mobile-width-98per {
        width: 98% !important
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px !important
    }

    .mobile-margin-left-bottom-15 {
        margin-left: 14%;
        margin-right: 13%;
        margin-bottom: 5%
    }

    .mobile-margin-left-bottom-5 {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .btnWidthMarginLeft {
        width: auto !important;
        margin-left: 0 !important
    }

    .mobile-margin-left-5px {
        margin-left: -5px !important
    }

    .margin-left-view-acti-12per {
        margin-left: 12% !important
    }

    .mobile-margin-left-15 {
        margin-left: -15px;
        margin-right: -15px !important
    }

    .complete-panel {
        margin-top: 0 !important
    }

    .margin-top-38 {
        margin-top: 0 !important
    }

    .continue3 {
        clear: both;
        top: 10px
    }

    .mobile.continue2 {
        margin: 0
    }

    .margin-top-minus-4 {
        margin-top: 8px !important
    }

    .margin-bottom-10 {
        margin-bottom: 10px
    }

    .margin-top-10 {
        margin-top: 10px
    }

    .motivationalmessage-mobile {
        margin-left: -30px;
        padding-right: 0
    }

    .margin-top-6 {
        margin-top: 6px
    }

    .text-align-center {
        text-align: center
    }

    .margin-left-about {
        margin-left: -20px
    }

    .margin-top-30 {
        margin-top: 30px
    }

    .display {
        display: none
    }

    .mobile-padding-top-15 {
        padding-top: 15px
    }

    .myCompassImg {
        width: 110px !important
    }

    .header-right {
        margin-top: -23px !important;
        font-size: 18px
    }

    .navbar.container.navbar-default.clr div#myCompassNavbar {
        height: 0 !important
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54;
        text-align: center
    }

    .font-Montserrat-black-report {
        font-family: Montserrat-Regular;
        color: #553c54;
        text-align: center
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 0px 14px
    }

    .text-margin-left {
        margin-left: 23px !important
    }

    .height-20 {
        height: 20px
    }

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

    .fontsize {
        font-size: 10px !important
    }

    .margin-left-10per {
        margin-left: -2% !important
    }

    div.PrimaryGraphics .get-started-button.add-new-entry {
        padding-left: 0;
        width: 97%;
        padding-right: 0
    }

    div.tracking-setup-container .tracking-check-div label {
        width: 50%;
        margin: 0 0 10px 0;
        text-align: left;
        padding-left: 50px
    }

    div.tracking-setup-container .checkmark {
        margin-left: 20px
    }

    div.tracking-setup-container .Profile-Save-Button {
        margin: 0 10px;
        width: 93% !important
    }

    div.tracking-setup-container .nav.nav-tabs li {
        width: 46%;
        font-size: 12pt !important;
        font-family: DMSANS-MEDIUM !important;
        line-height: 14.4pt !important;
        margin-left: 10px;
        padding: 30px 0px 5px 0px;
    }

    div.tracking-setup-container {
        background-position: right 0 bottom;
        background-size: 75% 235px
    }

        div.tracking-setup-container .slider-container {
            position: relative;
            height: 50px
        }

            div.tracking-setup-container .slider-container .left {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 50%;
                text-align: left;
                padding-left: 15px;
                font-size: 16pt;
                line-height: 19.2pt
            }

            div.tracking-setup-container .slider-container .right {
                position: absolute;
                bottom: 0;
                right: 0;
                font-size: 16pt;
                line-height: 19.2pt
            }

        div.tracking-setup-container .tracking-questions {
            clear: both;
            padding: 0 15px
        }

            div.tracking-setup-container .tracking-questions label, div.tracking-setup-container .tracking-questions select, div.tracking-setup-container .tracking-questions span {
                width: 100%
            }

            div.tracking-setup-container .tracking-questions label {
                font-size: 16pt;
                line-height: 19.2pt
            }

            div.tracking-setup-container .tracking-questions select {
                margin-bottom: 20px;
                width: 100% !important
            }

        div.tracking-setup-container .col-md-12.text-center, div.tracking-setup-container .row.mobile-padding-top-15.margin-top-10 {
            clear: both
        }

    div.tracking-graph-container .lower-button-tracking {
        padding: 0 15px
    }

        div.tracking-graph-container .lower-button-tracking a {
            padding-bottom: 10px;
            float: left;
            width: 100%;
            margin-left: 7px
        }

        div.tracking-graph-container .lower-button-tracking button {
            width: 43%;
            margin-top: 10px;
            margin-bottom: 20px;
            width: 75%;
            margin-left: 12.5%;
        }

    div.tracking-graph-container .add-an-entry {
        padding: 10px 25px;
    }

    div.tracking-setup-container .dashboardDatePickerMob {
        width: 100% !important
    }

        div.tracking-setup-container .dashboardDatePickerMob input {
            outline: 0;
            border: 0 !important;
            box-shadow: none !important;
            text-align: center
        }

    div.tracking-setup-container .fa.fa-calendar {
        top: -1px !important
    }

    div.tracking-setup-container .slider-container .slider input[type=range] {
        width: 100%
    }

    div.tracking-setup-container .slider-container .slider {
        width: 100%
    }

    div.tracking-graph-container {
        /* padding: 20px 15px*/
        padding: 50px 15px;
    }

        div.tracking-graph-container .tracker-item {
            word-break: break-all
        }

        div.tracking-graph-container select {
            width: 100% !important;
            margin-bottom: 20px;
            font-size: 12pt;
            line-height: 14.4pt;
            text-transform: uppercase
        }

        div.tracking-graph-container .add-an-entry.white {
            margin-bottom: 20px;
            font-size: 12pt;
            line-height: 14.4pt
        }

        div.tracking-graph-container .trackers-text {
            font-family: DMSANS-MEDIUM;
            font-size: 16pt !important;
            letter-spacing: 0 !important;
            line-height: 19.2pt
        }

        div.tracking-graph-container .chart-wrapper {
            width: 93%;
            overflow-x: scroll;
            height: 500px;
            overflow-y: hidden;
            margin: 0 auto
        }

            div.tracking-graph-container .chart-wrapper .web-canvas-dashboard {
                width: 1000px !important;
                width: 1700px !important;
                height: 450px !important
            }

    div.track-setup-wrapper {
        padding: 0 25px
    }

    div.tracking-setup-container .nav-tabs {
        display: block
    }

    div.lower-button-tracking .text-align-right {
        clear: both;
        margin-top: 20px;
    }
}

@media only screen and (max-width:768px) {
    /*MYC2-747 start*/
    div.about-home-content .media-body span:not(span.faicon) {
        font-size: 22pt;
        line-height: 22pt !important;
    }


    .about-home-content .accordion-heading span:not(span.faicon) {
        color: #000 !important;
        right: 27px !important;
    }

    h2.Share-myCompass-heading {
        font-family: DMSANS-REGULAR;
        font-size: 42pt !important;
        height: auto;
        width: 100%;
        text-align: center;
        font-weight: 500 !important;
        line-height: 61.6px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        margin-left: 0;
    }

    div.about_SelfAssessment .panel-group.padding-bottom-20 {
        padding: 0 15px !important;
    }

    .mobile-about-inner-accordion {
        font-size: 12pt;
    }
    /*MYC2-747 end*/
    .clear_both {
        clear: both
    }

    div.favouriteSnippets .Snippet-FavoriteSnippetData-Author, .favouriteSnippets .Snippet-FavoriteSnippetData-Text {
        font-size: 18pt !important;
        line-height: 21pt;
        color: #e14504 !important;
    }

    .progressbar.progressbarInButton.progressbar-margintop-right .circle.circleInButton canvas {
        width: 50px !important;
        height: 50px !important;
    }

    .form-group .register-select {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .tracking-setup-container .setup-header .sub-header {
        font-family: DMSans-Regular;
        font-size: 28pt !important;
    }

    .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 116px !important;
    }

    .inner-header-logo-right .bdiImg.bdiImgMobile {
        padding-top: 10px;
    }

    .right-header-logo {
        margin-top: 5px !important;
        font-size: 18px;
        width: 265px;
        float: left !important;
        padding-left: 0 !important;
    }

    .adults-padding, .seniors-padding {
        padding-left: 0;
    }

    .symptomModel-footer.showSuicidalFeedback {
        display: flex;
        justify-content: center;
    }

    div.btn-Continue-from-your-responses {
        background-color: #e14504 !important;
        color: #fff !important;
        border: 2px solid #e14504 !important;
        opacity: 1 !important;
        font-family: DMSans-Medium !important;
        font-size: 14pt !important;
        letter-spacing: 2px !important;
        line-height: 14.5pt;
        min-height: 38px !important;
        padding: 6px;
        height: 38px;
        width: 218px;
    }

    .underline.submittedPHQGAD p:last-child {
        padding-top: 25px;
    }

    div.submittedPHQGAD {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }

    div.textalign {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .Register-Continue-Style button.Profile-Save-Button.button-orange.removehover.btn.btnResetPassword.btn-block {
        float: left;
    }

    .sleep-activity-bg-img.tracking_Unhelpful_Thinking {
        background-size: 100% 44%;
    }

    .favouriteSnippets .row.font-Montserrat-light.margin-top-20.margin-bottom-20 {
        margin-top: 0px;
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        width: 420px !important;
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .myCompass.myCompass-text-color, .myCompass-text1-color, .Home_Splash-text-width .get-started-button {
        margin-left: 0 !important;
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1.logout {
        margin-top: 0 !important
    }

    div.knowledge-header {
        height: auto
    }

    .Tracking-Summary-Description, .row.Knowledgecenter {
        padding-left: 25px !important;
        padding-right: 25px !important
    }

    .btn-return-to-dashboard-div {
        margin-left: 15px
    }

    div.whiteButton.height-buttonwhite.topUp-div {
        margin-left: 0
    }

    .container.tracking-pages.track-bg {
        height: 1200px
    }

    .mobile-self-assement-tabs li a, .tracking-pages .mobile-self-assement-tabs li {
        width: 100% !important
    }

    .knowledgeCentre input[type=radio].custom_radio_button {
        max-width: unset !important;
        width: unset !important
    }

    .inner-pause-activity.circle_div {
        position: relative;
        display: inline
    }

    .ModuleButtonSpanB.dashboard-Activity-Module-Paused.mobile-width-70per {
        width: 65%;
    }

    .self_assesment_mobile_padding_left_8_right_8 .takeSelf-Assessment-desc_div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .self_assesment_mobile_padding_left_0_right_0 .takeSelf-Assessment-desc_div {
        padding-left: 0
    }

    .featureSnippet .self_assesment_mobile_padding_left_0_right_0 .padding100 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .featureSnippet .self_assesment_mobile_padding_left_8_right_8 {
        padding-left: 8px !important;
        padding-right: 8px !important
    }

    .self_assesment_mobile_padding_left_0_right_0 {
        padding-left: 0;
        padding-right: 0
    }

    div.favouriteSnippets .Snippets-Your-Favourite {
        font-size: 18pt !important
    }


    .completed-activities {
        margin: 0
    }

    div.dasbord-Activity-Recommended {
        margin-top: 40px !important;
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px
    }

    .Snippets_Edit_div, .snippet_About_DropDown_div {
        padding-left: 0;
        margin-left: -6px
    }

    div.activeModulePanelDashboard .panel-footer {
        border-bottom-right-radius: 8px;
        margin-top: 0
    }

    .leftSide-img img {
        height: 314px
    }

    .padding-home-button {
        margin-bottom: 20px
    }

    .professionalsHeading-contents {
        padding-top: 100px !important
    }

    .offset-md-1 {
        margin-left: 0 !important
    }

    .mobile-your-teatment-7days-containor {
        float: left;
        width: 100%;
        display: block
    }

        .mobile-your-teatment-7days-containor .your-treatment-number {
            float: left !important
        }

        .mobile-your-teatment-7days-containor .your-treatment-7-day {
            float: left !important;
            text-align: left
        }

    .landing .self-assessment-mobile-container {
        padding-left: 0;
        padding-right: 0
    }

        .landing .self-assessment-mobile-container .featureSnippet.self-assesment {
            margin-left: -15px !important;
            width: auto !important;
            margin-right: -15px !important
        }

    .self-asessment-options {
        width: 100% !important
    }

    .landing .self-assessment-mobile-container .self-asessment-options {
        text-align: center
    }

    .register-contine {
        padding: 0 !important
    }
}

@media screen and (min-width:780px) {
    .min-height-178-web {
        min-height: 178px
    }

    .AnswerDiv {
        padding: 0 10px 0 0
    }

    .answer-options {
        padding: 0
    }

    .width-242px {
        width: 242px
    }

    .padding-left-10px {
        padding-left: 10px
    }

    .share-mycompass-button button {
        padding: 0
    }

    .padding-left-55 {
        padding-left: 55px !important
    }

    .padding-left-42 {
        padding-left: 42px
    }

    .border-left-registration {
        border-left: 1px solid #cecece
    }

        .border-left-registration .padding-left-registration {
            padding-left: 73px
        }

    .border-right-registration .padding-left-registration {
        padding-left: 73px
    }

    .dispaly-table {
        display: table
    }

    .table-cell {
        display: table-cell
    }

    .virtical-align-middle {
        vertical-align: middle
    }

    .float-none {
        float: none
    }

    .remove-left-padding {
        padding-left: 0
    }

    .required {
        color: #000
    }
}

@media only screen and (max-width:768px) {
    .padding-mobile-left-0 {
        padding-left: 0
    }

    .padding-mobile-right-0 {
        padding-right: 0
    }

    .footer-element-margin-left {
        margin-left: -20px;
        width: 110px
    }

    .padding-width-fontsize {
        padding-top: 14px;
        padding-left: 6px;
        font-size: 16px;
        text-align: center
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }

    .text-padding {
        padding-top: 0
    }

    .red-color {
        color: #e24201
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }
}

@media only screen and (max-width:768px) {
    .lineMobile {
        margin-top: 15px;
        height: 4%;
        width: 1px;
        background: #cfc7c0;
        top: 4px;
        bottom: 0;
        position: fixed
    }
}

@media only screen and (max-width:768px) {
    .alignContent {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .top-padding-40 {
        padding-top: 0 !important
    }

    .imgmobwidth95per {
        width: 60% !important
    }

    .margin-top-100 {
        margin-top: 40px !important
    }

    .mobileRow {
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 8% !important
    }

    .margin-left-15 {
        margin-left: -15px !important
    }

    .lead-text-heading {
        font-size: 25px !important
    }

    .image-margin {
        margin-right: -15px !important;
        margin-left: 0 !important
    }

    .margin-left-6 {
        margin-left: 0 !important
    }

    .marginleftmob0 {
        margin-left: 0 !important
    }

    .padding-left-36per-mob-0per {
        padding-left: 4% !important
    }

    .padding-left-41per-mob-0per {
        padding-left: 5% !important
    }

    .div-boder-rightColormob {
        border: 1px solid #ddddd6 !important
    }

    .div-shadow {
        -moz-box-shadow: 8px 10px 4px -8px #ccc;
        -webkit-box-shadow: 8px 10px 4px -8px #ccc;
        box-shadow: 0 5px 6px 0 #ccc
    }

    .text-margin-left-mob {
        margin-left: 3px !important
    }

    div.Screenshot1-image-margin {
        text-align: start !important;
        margin-top: -5px !important;
        margin-right: 15px !important
    }

    .Screenshot3-image-margin {
        margin-top: -9px !important;
        margin-left: -12px !important
    }

    .font-size-22-mob {
        font-size: 22px !important
    }

    .text-size-mob {
        font-size: 28px !important;
        padding-top: 41px !important
    }

    .font-size-11-mob {
        font-size: 11px !important
    }

    .self-assesment-text-mob {
        font-size: 12px !important;
        font-family: Montserrat-Regular
    }

    .font-Montserrat-Light-Mob {
        font-family: Montserrat-Regular !important
    }

    .font-size-17-Mob {
        font-size: 17px !important
    }

    .btn-text-styling-mob {
        text-transform: uppercase;
        font-size: 10px
    }

    .text-uppercase-mob {
        text-transform: uppercase
    }

    .font-size-10-mob {
        font-size: 10px !important
    }

    .margin-top30-mob {
        margin-top: 30px !important
    }

    .margin-right-2-mob {
        margin-right: 2px !important
    }

    .margin-left-right-none {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .progressbar-margintop-right {
        margin-top: 5px;
        float: right;
        padding-right: 3px
    }

    .box-height {
        height: auto !important
    }

    .height-whitebutton1 {
        height: 57.79px !important
    }

    .paddingtop15 {
        padding-top: 15px !important
    }

    .box-width93per {
        width: 86% !important
    }

    .paddingleft5per {
        padding-left: 10% !important
    }

    .or-box-margin-left-right {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .or {
        color: #bebebe;
        background-color: #fff;
        position: absolute;
        text-align: center;
        top: -11px;
        width: 40px;
        left: 135px !important
    }

    .removeRow {
        padding-right: 3px !important;
        padding-left: 0 !important
    }

    .btn-line-height {
        width: 100% !important;
        cursor: pointer
    }
}

.margin-left30 {
    margin-left: 30px
}

.box-height {
    height: 268px
}

.height-whitebutton {
    height: 57.79px !important
}

.mobile-color-white {
    background-color: #fff !important
}

.padding-margin-left {
    padding-left: 25px !important;
    margin-left: 0
}

.mobile-padding-left-30 {
    padding-left: 30px !important
}

.register .row {
    padding-bottom: 3px;
    padding-top: 3px
}

.social-icon.twitter {
    height: 36px;
    width: 36px;
    margin-left: 6px
}

.social-icon.google {
    height: 40px;
    width: 43px;
    margin-left: 2px
}

.removeColor, .removeColor:active, .removeColor:focus, .removeColor:focus:active {
    background-color: transparent !important;
    color: #00f;
    background-image: none !important;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    outline: 0 !important
}

.loginlinksign {
    font-size: 26px;
    vertical-align: middle;
    color: #c1c1c1
}

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

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.header-right {
    margin-top: 15px !important;
    font-size: 18px;
    padding-left: 135px;
    margin-right: 15px
}

    .header-right .bdiImgMobile {
        width: 150px
    }

.fade-blue {
    color: #bebefb
}

button.btn-primary:hover {
    color: #286090;
    cursor: pointer
}

.error, .help-block {
    /* color: #e14504;*/
    color: red;
    font-size: 11px !important
}

.text-align-center {
    text-align: center
}

img.info-tooltip {
    width: 15px
}

.clear {
    clear: both
}

@media only screen and (min-width:769px) {
    .text-align-right {
        text-align: right
    }

    .option-2-selfassessment {
        padding-left: 0;
        text-align: center
    }

    .margin-left-9per {
        margin-left: 9%
    }

    .padding-left-right-45 {
        padding: 0 45px
    }

    div.web-canvas-dashboard {
        margin-left: 93px;
        width: 87%
    }

    .share-mycompass-button {
        padding-right: 25px
    }

        .share-mycompass-button button {
            padding: 0
        }

    .TabViewRow.professionalsHeading-contents h1 {
        font-size: 42pt;
        font-family: DMSans-Regular
    }
}

@media only screen and (max-width:768px) {
    .dashboardDatePickerMob {
        margin-left: -30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 37.33% !important;
        float: left !important
    }

    .mobile-margin-top-25 {
        margin-top: 25px
    }

    .mobile-padding-20 {
        padding: 20px
    }

    .center-img {
        width: 100%
    }

    .mobile-width-100-percent {
        width: 100%
    }

    .mobile-width-100-percent-important {
        width: 100% !important
    }

    .register-selfassessment .yellowbox {
        margin-left: 0 !important
    }

    .margin-padding {
        padding-left: 25px !important
    }

    .margin-top-27px {
        margin-top: 0
    }

    .margin-left-39 {
        margin-left: 0
    }

    .margin-left-12 {
        margin-left: 0
    }

    .margin-left-4 {
        margin-left: 0 !important
    }

    .profilepadding {
        padding: 5px !important
    }

    .selfassessmentpadding {
        padding: 0 8px 0 9px !important;
        margin-top: -22px
    }

    .resultselfpadding {
        padding: 5px !important
    }

    .margin-bottom-21 {
        margin-bottom: 0 !important
    }

    .width-postcode2 {
        width: 51% !important
    }

    .margin-left-39 {
        margin-left: 0 !important
    }

    .margin-top-27px {
        margin-top: -10px !important
    }

    .margin-left-12 {
        margin-left: 0 !important
    }

    .mob-margin-padding-next {
        margin-top: -6%;
        padding-bottom: 43px
    }

    .resultselfpadding1 {
        padding: 1px 40px 33px 23px !important;
        margin-top: -22px
    }

    .margin-left-42 {
        margin-left: 25% !important
    }

    .padding-snippet {
        padding: 5px 3px 8px 9px !important
    }

    .margin-left-20min {
        margin-left: -8px !important
    }

    .margin-left-62 {
        margin-left: -12px !important
    }

    .text-align-right {
        text-align: left !important
    }

    .padding-send {
        padding: 0 10px 13px 7px !important
    }

    .margin-send {
        margin-left: 0 !important;
        margin-bottom: 5%;
        margin-top: 0 !important
    }

    .margin-left-2-neg {
        margin-left: 0 !important
    }

    .margin-freq {
        margin-left: 0 !important;
        margin-top: 1% !important;
        margin-bottom: 5%
    }

    .margin-freq1 {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-bottom: -3%
    }

    .margin-timezone {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-mssidn-input {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-via {
        margin-top: -4px !important;
        margin-left: 2px !important
    }

    .padding-trackingremind {
        padding: 5px 3px 8px 9px !important
    }

    .mob-padding-left-right-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-top-1per {
        margin-top: 1%;
        padding: 0 !important
    }

    .margin-left-31 {
        margin-left: 0 !important
    }

    .padding-right-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .margin-left-7 {
        margin-left: -7% !important
    }

    .padding-bottom-10 {
        padding-bottom: 10px
    }

    .margin-left-15per {
        margin-left: 0 !important
    }

    .margin-left-7px {
        margin-left: 0 !important
    }

    .margin-left-2point5per {
        margin-left: 0 !important
    }

    .margin-left-42px {
        margin-left: 42px
    }

    .next-finish {
        margin-bottom: -12px;
        margin-top: 0;
        margin-left: -6%
    }

    .margin-left-40per {
        margin-left: 25% !important
    }

    .mobile-margin-left-10 {
        margin-left: 10px
    }

    btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 29px 11px 23px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    div .btn1 {
        margin-left: -10px;
        min-width: 100%;
        font-size: 15px;
        text-align: left;
        margin-bottom: 7px;
        margin-top: 7px;
        border: 1px solid transparent;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer
    }

    .mob-margin-bottom-2per {
        margin-bottom: -2%;
        margin-left: 3%
    }

    .mob-margin-next {
        margin-left: 0 !important
    }

    .mob-margin-finish {
        margin-left: -10px
    }

    div.progress-wrapper {
        width: 34.5%;
        float: left
    }
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 100px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog {
    box-sizing: border-box
}

    .ngdialog *, .ngdialog :after, .ngdialog :before {
        box-sizing: inherit
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
        -webkit-animation: none !important;
        animation: none !important
    }

.ngdialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog-no-overlay {
    pointer-events: none
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    pointer-events: all
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

.loaderlayoutbackground {
    background-color: #000;
    opacity: .8;
}

.weeksddl {
    display: inline
}

.reportOverview {
    display: inline;
    margin-left: 20px
}

.dashboard {
    margin-top: -20px
}

    .dashboard .container-fluid {
        background: #f7f7f7
    }

.padding-top-20 {
    padding-top: 20px
}

.btnViewReports {
    background: #f79c00;
    border: none;
    box-shadow: 0 1px 2px 0 #888;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    cursor: pointer
}

div .tracking-checkboxWeb-inline {
    margin-right: 5px;
    margin-left: 8px;
    padding: 5px;
    zoom: 1.5 !important;
    vertical-align: middle;
    margin-top: 0
}

.width-140 {
    width: 140px
}

.color-red {
    color: red
}

.color-red-hover:hover {
    text-decoration: none !important;
    color: red !important
}

.width-100-per {
    width: 100%
}

.activeModule {
    border: 1px inset #d5d5d5;
    height: 200px;
    background: #f0f0f0;
    margin-top: 3px
}

.dashboardHeader {
    font-family: DMSans-Regular;
    font-size: 14pt;
    color: #000;
    margin-left: 18px;
    margin-top: 50px;
    line-height: 16.8pt;
    letter-spacing: 0;
}

.font-LucSans {
    font-family: 'Lucida Sans'
}

.moduleInnerContent {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 21px;
    text-align: center;
    margin-top: 30px
}

.activeModuleLabel {
    font-size: 12px
}

.btnOrange {
    padding: 8px 15px;
    background: 0 0;
    border-radius: 26px;
    cursor: pointer;
    border: 1px solid #e14504;
    display: inline-block
}

    .btnOrange:hover {
        text-decoration: none
    }

.snippetBody {
    background: #fff5e8;
    border-radius: 3px;
    padding: 5px 5px
}

.snippetAnchor {
    color: #f79c00;
    font-size: 25px
}

    .snippetAnchor:hover {
        text-decoration: none !important
    }

.width-2-per {
    width: 2%;
    padding-top: 2px;
    padding-bottom: 2px
}

.knowledgeCentre {
    background: 0 0;
    padding-bottom: 20px;
    padding-top: 0;
    padding-bottom: 50px
}

.knowledgeCentreItems {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px
}

.emptychartMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 20px
}

    .emptychartMessage p {
        margin-bottom: 0
    }

.addAnotherRepo a:hover {
    text-decoration: none !important;
    color: red;
    cursor: pointer
}

.addAnotherRepo {
    display: inline
}

.editTracking:hover {
    text-decoration: none !important
}

.hover-text-decoration-none:hover {
    text-decoration: none !important
}

@media only screen and (max-width:768px) {
    .mobile-footer-height {
        padding-top: 60px !important
    }

    div.mobile-footer-height.foote_desktop_row {
        padding-top: 20px !important
    }

    .balck_dog_text {
        float: left
    }

    .footer_log_div {
        float: right
    }

    .dashboardHeader {
        margin-left: 0 !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .reportOverview {
        display: inline;
        margin-left: 0 !important
    }

    img.footer_background {
        height: 240px !important;
        width: 100% !important
    }

    .header-right {
        float: unset;
        padding-left: 0 !important
    }

    .registration_Background_img img {
        position: absolute;
        height: 286px;
        width: 100%;
        margin-top: -19px
    }

    .mobile-font-11 {
        font-size: 11px;
        text-align: start
    }

    .mobile-text-align-start {
        text-align: start
    }

    .mobile-margin-left5per {
        margin-left: 5% !important
    }

    .mobile-font-size-20 {
        font-size: 20px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .backgound-color {
        background: #f7f7f7
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .mobile-margin-left-less35 {
        margin-left: -35px !important
    }

    .mobile-padding-left-0 {
        padding-left: 0 !important
    }

    .mobile-font-size-17 {
        font-size: 17px
    }

    .mobile-font-size-14 {
        font-size: 14px
    }

    .mobile-margin-0 {
        margin: 0
    }

    .font-size-12 {
        font-size: 12px !important
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .editTracking {
        text-align: left;
        margin-top: 15px;
        margin-left: 0
    }

    .mobile-margin-bottom-10 {
        margin-bottom: 10px !important
    }

    mobile-margin-left22 {
        margin-left: 22px
    }

    .margin-for-mobile {
        margin: 0
    }

    .mobile-margin-1 {
        margin: 1px
    }

    .m-margin-left21 {
        margin-left: 21px !important
    }

    .m-margin-left10 {
        margin-left: 10px !important
    }

    .mobile-margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-top-auto {
        top: 0 !important
    }

    .m-margin-left {
        margin-left: 55px !important;
        margin-bottom: 16px;
        margin-top: 18px;
        height: 37px;
        text-align: center;
        line-height: 35px
    }

    .backgound-image {
        background-size: 126% 100% !important;
        height: 386px !important;
        width: 308px !important;
        margin-right: 13px !important;
        margin-left: 0 !important;
        margin-top: -137px !important
    }

    .font-size-12 {
        font-size: 12px
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-top-bottom-left-0 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .mobile-padding-bottom-top-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .padding10 {
        padding: 0 !important
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobaile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .mobile-top-0 {
        top: 0 !important;
        margin-left: -14px !important
    }

    .rightNavBar {
        text-align: left !important
    }

        .rightNavBar li.icon {
            display: block
        }

    .letsStarted {
        margin-top: -10px
    }

    .moveleft-web-15 {
        left: 0 !important
    }

    .bell-badge {
        position: relative !important;
        left: -10px;
        top: -15px !important
    }

    .moduleInnerContent {
        margin-top: 10px;
        margin-left: 22px
    }

    .snippetBody {
        margin-left: 22px
    }

    .viewSnippets {
        margin-left: 47px
    }

    .emptychartMessage {
        font-size: 20px;
        margin-top: 40px;
        margin-left: 75px;
        text-align: left
    }

    .emptyModuleMessage {
        font-size: 20px !important
    }

    .font-size-13 {
        font-size: 13px
    }

    div .tracking-checkboxWeb-inline {
        margin-left: 9px
    }

    div .tracking-header {
        font-size: 19px;
        margin-top: 10px !important
    }

    .tracker-border-right {
        border: none !important
    }

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

    .basicModuleLabel {
        padding-left: 0
    }

    .canvas-width {
        width: 300px !important;
        height: 300px !important
    }

    .padding-top-45 {
        padding-top: 0
    }

    .hrcustom.mobile-hidden {
        display: none
    }

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

    .margin-left-10 {
        margin-left: 0 !important
    }

    margin-left-38 {
        margin-left: 38px !important
    }

    .margin-top-15 {
        margin-top: 0 !important
    }

    .mob-width {
        width: 105%
    }

    .margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-self-assement-div {
        padding: 0 13px 0 13px !important
    }

    .margin-top-2 {
        margin-top: 1% !important
    }

    .margin-bottom-14 {
        margin-bottom: 30%
    }

    .border-spacing-4 {
        border-spacing: 2px
    }

    .mob-footer {
        padding-right: 0;
        padding-left: 35px
    }

    .mob-padding-0 {
        padding: 0
    }

    .mob-padding-0-important {
        padding: 0 !important
    }

    .marginknowledge {
        margin-left: 0 !important
    }

    .padding-bottom-19 {
        padding-bottom: 19px
    }

    .padding-bottom-13 {
        padding-bottom: 13px
    }

    .width-276 {
        width: 100% !important
    }

    .float-left {
        float: none !important
    }

    .margin-left-right {
        margin-left: -30px;
        width: 123%
    }

    .selfAssessmentInDashboard {
        padding: 0
    }

        .selfAssessmentInDashboard .self-assessment-container {
            padding: 0
        }

        .selfAssessmentInDashboard .margin-left-right {
            margin-left: auto;
            width: auto
        }

    .dashboard-username-text {
        word-wrap: break-word
    }
}

.box-shadow {
    box-shadow: 0 1px 2px 0 #888
}

.padding10 {
    padding: 10px
}

.paddingl-left-10 {
    padding-left: 10px
}

.tracking-box {
    background: #fff
}

.tracking-header {
    margin-top: 0 !important;
    margin-left: 11px
}

.tracker-border-right {
    border-right: 1px solid #d2d2d2
}

.cursor {
    cursor: pointer
}

div.carousel.custom-carousel a.remove-carousel-handle-color {
    background-color: transparent;
    background-image: none;
    width: 30px
}

div.carousel.custom-carousel div.item.snippetData {
    width: 80%;
    margin-left: 10%;
    background-color: #fff5e8;
    padding: 12px
}

.word-wrap {
    word-wrap: break-word
}

.notification-bell {
    font-size: 20px
}

.bell-badge {
    background-color: #54d2ec;
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 3px 6px
}

.myPopover-header {
    padding-bottom: 9px;
    margin: 2px 0 20px;
    border-bottom: 1px solid #eee
}

.symptomModel-header {
    padding: 15px 0 0 15px
}

    .symptomModel-header h3 {
        color: #dec26b
    }

.symptomModal-dialog {
    margin-top: 80px;
    position: relative
}

.ProfileModal-dialog {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    width: 210px;
    transform: translate(-50%,-50%)
}

.layoutsymptomModal .modal-content {
    background: #fff !important
}

.layoutsymptomModal .modal-body p {
    color: #000 !important
}

.layoutsymptomModal .btnPurple {
    padding: 8px 14px 8px 14px;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    color: #31251b !important;
    margin-left: 30px
}

.layoutsymptomModal .btn:hover {
    color: #31251b !important
}

.layoutsymptomModal .btnPurple {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.layoutsymptomModal .customskipbtn.btnPurple {
    color: #fff !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important;
    padding-left: 36px;
    padding-right: 36px;
    padding: 5px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    background: #e14504
}

.modal-contentQuestionnaire {
    background: #fff
}

.symptomModel-footer {
    text-align: center;
    padding: 5px 0 0 0
}

.btnPurple {
    background: #7c6a92;
    font-size: 13px;
    color: #f9eeee;
    cursor: pointer
}

.btn-White {
    font-size: 13px;
    margin-left: 15px;
    cursor: pointer;
    background: #fff
}

.modal-body p {
    color: #f9eeee
}

.link-badge {
    margin-left: 4px
}

.popover-title {
    background: #885bf1;
    color: #f9eeee
}

.popover {
    padding: 0;
    border: none
}

    .popover.bottom .arrow:after {
        border-bottom-color: #885bf1
    }

.notification-link {
    color: #78797b;
    padding-top: 10px;
    margin-left: -15px
}

    .notification-link:hover {
        text-decoration: none !important;
        cursor: pointer
    }

.hidden {
    display: none !important
}

.knowledgeCentre-buttons {
    cursor: pointer;
    width: 100%
}

.link-color {
    color: #cd4c1d
}

    .link-color:hover {
        color: #cd4c1d;
        cursor: pointer
    }

.shown {
    display: block
}

.snippetNavigation {
    margin-top: 30px;
    color: #f79c00;
    font-size: 20px
}

.self-assesment .bode-Text-Color {
    color: #fff
}

.self-assesment .dark-blue {
    background-color: #19a6c9 !important
}

.self-assesment .border-bottom-Zero {
    border: none
}

.self-assesment .btnWhite {
    color: #000;
    background: #f79c00;
    cursor: pointer;
    border-radius: 0;
    font-size: 13px;
    font-family: Montserrat-Regular
}

.tracking-setup {
    background-color: #e3f2f7
}

.tracking-setup-body {
    background-color: #fff
}

.btnSaveUpdate {
    min-width: 150px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px
}

.radio-strength-challenge {
    margin-top: 0
}

.self-assesment .panel-default > .panel-heading {
    background: #fff
}

.whiteButton {
    box-shadow: 0 1px 2px 0 #888;
    -moz-box-shadow: 0 1px 2px 0 #888;
    background: #fff;
    border-radius: 3px;
    font-size: 11px
}

.ModuleButtonSpan {
    width: 79%;
    float: left
}

.ModuleButtonSpanB {
    width: 75%;
    float: left
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.activeModuleBox {
    box-shadow: 0 0 1px 0;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px
}

.emptyActiveModuleBox {
    box-shadow: 0 0 1px 0;
    background: #f0f0f0;
    border-radius: 6px;
    margin-bottom: 30px
}

.basicModuleBox {
    box-shadow: 0 0 1px 0;
    background: #fff;
    border-radius: 6px
}

.modulebox {
    margin-top: 10px
}

.emptyActiveModuleMessage {
    padding: 77px 0 76px 0;
    color: #bcbcbc
}

.profileQuestion {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 17px
}

.clearLine {
    border: 1px solid #eaeced
}

.clearline-Activities {
    border: 1px solid #eaeced
}

.keepLearning {
    padding: 10px;
    background: #e3f2f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.otherModulesBox {
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 1px 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.color-Orange {
    color: #f79c00
}

.paddingleftpx {
    padding-left: 0 !important
}

.activeModulePanelDashboard {
    border: none !important;
    margin-bottom: 0 !important;
    height: 310px
}

    .activeModulePanelDashboard .panel-body {
        background: #fff
    }

        .activeModulePanelDashboard .panel-body h3 {
            color: #80bc00
        }

    .activeModulePanelDashboard .panel-heading {
        text-align: center;
        background: #80bc00;
        color: #fff;
        font-size: 17px
    }

    .activeModulePanelDashboard .panel-footer {
        text-align: center;
        background: #fff;
        color: #80bc00;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 34px
    }

        .activeModulePanelDashboard .panel-footer:hover {
            cursor: pointer
        }

.activeModulePannel {
    border: none !important;
    margin-bottom: 0 !important
}

    .activeModulePannel .panel-body {
        height: 175px
    }

        .activeModulePannel .panel-body h3 {
            color: #80bc00
        }

    .activeModulePannel .panel-footer:hover {
        cursor: pointer
    }

.sessionCompleteOk {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 18px;
    top: -10px
}

.sessionPauseDashboard {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    margin-left: 6px;
    top: -8px
}

.sessionPause {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    top: -9px
}

.sessionCompleteOkIndashboard {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 17px;
    top: -7px
}

.Paused.sessionCompleteOkIndashboard {
    font-size: 19px;
    top: -8px
}

.percentComplete {
    float: right;
    margin-right: 14px;
    color: #80bc00
}

.left-25 {
    left: 25px
}

.left-40 {
    left: 40px
}

.left-27 {
    left: 28px
}

.left-46 {
    left: 48px
}

.progressbar {
    display: inline-block;
    width: 100px;
    margin-top: -10px
}

.progressbarInButton {
    display: inline-block;
    width: auto !important;
    margin: -6px 0 -12px 5px
}

.circle {
    width: 100%;
    margin: 0 auto 35px;
    display: inline-block;
    position: relative;
    text-align: center
}

    .circle canvas {
        vertical-align: middle;
        height: 115px
    }

.circleInButton canvas {
    height: 40px
}

.progressbarInButton .circleInButton div {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 43px;
    font-size: 11px;
    color: #000
}

.circle span {
    position: absolute;
    top: 46px;
    left: -5px;
    width: 100%;
    text-align: center
}

.circle strong i {
    font-style: normal;
    font-size: .6em
}

.circle span {
    display: block;
    color: #aaa;
    margin-top: 20px;
    margin-left: 10px
}

.symptomScreener .row {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-left-10 {
    margin-left: 10px
}

.symptomScreenerModal {
    background: #fff
}

    .symptomScreenerModal .modal-header {
        border-bottom: none;
        padding: 5px 8px 0 0
    }

        .symptomScreenerModal .modal-header button {
            font-size: 28px
        }

    .symptomScreenerModal .modal-body p {
        color: #666
    }

    .symptomScreenerModal .modal-footer {
        border-top: none
    }

.enableNotification {
    font-size: 15px;
    position: absolute;
    top: 13px
}

.font-Montserrat-black {
    font-family: Montserrat-SemiBold;
    color: #553c54
}

.font-Montserrat-light {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt;
    color: #000 !important;
}

.color-lawngreen {
    color: #94c83d
}

.div-boder {
    border: #e4e4e3
}

.vertical-align {
    vertical-align: middle
}

.div-line-height {
    line-height: 48px
}

.div-boder-rightColor {
    border-right: 1px solid #ddddd6
}

.txt-Color-black {
    color: #000
}

.font-size-46 {
    font-size: 46px
}

.top-padding-40 {
    padding-top: 40px
}

.lead-text-heading {
    font-size: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-top-40 {
    margin-top: 40px
}

.lead-text {
    font-size: 20px
}

.margin-top-100 {
    margin-top: 150px
}

.red-color {
    color: #e24201
}

.text-padding {
    padding-top: 0
}

.light-red-color {
    color: #fba582
}

.mid-red-color {
    color: #f17746
}

.text-color {
    color: #151412
}

.mobile-top-margin-20 {
    margin-top: 20px
}

.font-weight-and-size {
    font-size: 50px
}

.padding-width-fontsize {
    padding-top: 14px;
    padding-left: 6px
}

.text-font-size {
    font-size: 16px
}

.font-size-10 {
    font-size: 10px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-text {
    font-size: 24px
}

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

.text-heading-font-Montserrat-black {
    font-size: 30px;
    font-family: Montserrat-SemiBold
}

.margin-left-6 {
    margin-left: 21px
}

.margin-top-15 {
    margin-top: 15px
}

.font-size-14 {
    font-size: 14px
}

.font-size-19 {
    font-size: 19px
}

.font-size-25 {
    font-size: 25px
}

.text-size {
    font-size: 32px;
    padding-top: 41px
}

.btn-height {
    width: 37.666667%;
    height: 45PX;
    cursor: pointer
}

.left-3 {
    left: 2.666667%
}

.myCompassImg {
    width: 150px !important
}

.margin-left-10-percent {
    margin-left: 10%
}

div.navbar-header.margin-left-10-percent {
    margin-left: 10% !important
}

.backgound-color-white {
    background-color: #fff
}

.font-size-13 {
    font-size: 13px
}

.font-size-18 {
    font-size: 18px
}

.margin-top-40 {
    margin-top: 40px
}

.section-1 label, .section-2 label, .section-3 label, .section-4 label {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 40px;
    padding: 0 25px
}

.mountaingreen-height-web {
    height: 300px
}

.footer-height-web {
    height: 150px
}

.font-size-25 {
    font-size: 25px
}

.Screenshot3-image-margin {
    margin-top: -9px;
    margin-left: 20px
}

.text-margin-left {
    margin-left: -36px
}

.Screenshot1-image-margin {
    text-align: start;
    margin-right: 384px;
    margin-top: -46px
}

.btn-line-height {
    width: 242px;
    cursor: pointer
}

.color-white {
    color: #fff
}

.footermargin {
    margin-left: -65px
}

.marginbottomSitemap {
    margin-bottom: 40px;
    font-size: 20px
}

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

.footer-left-right {
    margin-left: 0;
    margin-right: 0
}

.footer-elements {
    margin-top: 70px;
    width: 100%;
    padding-left: 9%
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.badge:empty {
    display: none !important
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.user-logged-in li a {
    padding: 10px 5px
}

.product .img-responsive {
    margin: 0 auto
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right
}

.hover-cursor-pointer {
    cursor: pointer
}

.image-width-height {
    width: 175px
}

.margin-bottum10-top20 {
    margin-bottom: 10px;
    margin-top: 30px
}

.fb {
    color: #507dc3 !important
}

.twt {
    color: #6ea1ef !important
}

.ml.mail {
    font-size: 20px !important;
    color: #000
}

.clr {
    padding: 0;
    box-shadow: none !important;
    border-color: transparent !important
}

.clr2 {
    background-color: #fff;
    padding: 0
}

.graphcontent {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext1 {
    color: #aeadad
}

.graph1 {
    height: 400px
}

.graph2 {
    width: 1000px;
    height: 450px
}

.sb.subheader {
    width: 100% !important
}

.glyphicon-ok:before {
    content: " ";
    height: 12px;
    width: 13px;
    display: block;
    margin-top: -6px;
    margin-left: 1px;
    border-radius: 2px
}

.glyphicon-ok.first:before {
    background-color: #e14504
}

.glyphicon-ok.second:before {
    background-color: #86b401
}

.glyphicon-ok.thrid:before {
    background-color: #da3e00
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5
}

.radio .cr {
    border-radius: 50%
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px
    }

.checkbox .cr .cr-icon {
    font-size: 1em;
    left: 2px
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    margin-left: -.05em;
    color: #ff5f4a
}

.checkbox label input[type=checkbox], .radio label input[type=radio] {
    display: none
}

    .checkbox label input[type=checkbox] ~ .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0);
        opacity: 0;
        transition: all .3s ease-in
    }

    .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    .checkbox label input[type=checkbox]:disabled ~ .cr, .radio label input[type=radio]:disabled + .cr {
        opacity: .5
    }

.font-Montserrat-semibold {
    font-family: Montserrat-SemiBold
}

.margin-left-68 {
    margin-left: 68px
}

.padding-bottom-31 {
    padding-bottom: 31px
}

.margin-left-27 {
    margin-left: 27px;
    margin-top: 44px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-top-35 {
    margin-top: -35px
}

.width-171 {
    width: 171px
}

.margin-top-20-in {
    margin-top: 20px
}

.margin-top-71 {
    margin-top: 71px
}

.knowledgeCentre-padding-bottom {
    padding-bottom: 100px
}

.knowledgeCentre-margin20-top {
    margin-top: 20px
}

.font-size-11 {
    font-size: 11px
}

.font-size-14 {
    font-size: 14px !important
}

.canvas-width {
    width: 1047px;
    height: 380px !important
}

.height-300 {
    height: 300px
}

.font-size-ul-13 {
    font-size: 13px
}

.padding-top-10 {
    padding-top: 10px
}

.width-95 {
    width: 95%
}

.margin-left-less43 {
    margin-left: -43px;
    margin-top: 64px
}

.margin-left-less18 {
    margin-left: -18px
}

.margin-left-17 {
    margin-left: -17px
}

.padding-top-45 {
    padding-top: 45px
}

.backgound-image {
    background: url(/Images/dashboard-graph-placeholder.png);
    height: 637px;
    width: 1169px;
    margin-right: 31px;
    margin-left: -31px;
    margin-top: -223px
}

.font-size-21 {
    font-size: 21px
}

.padding-top-bottom17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.margin-top45 {
    margin-left: 31px;
    margin-top: 45px
}

.width-161 {
    width: 161px
}

margin-bottom-50 {
    margin-bottom: 50px
}

.text-align-left {
    text-align: left
}

.margin-left-74 {
    margin-left: 74px
}

.margin-left-12 {
    margin-left: 12px
}

.margin-top-25 {
    margin-top: -25px
}

.margin-bottom-less15 {
    margin-left: -15px
}

.tracking-container {
    z-index: 1001;
    width: 100%;
    left: 0;
    background-position: 0;
    padding: 25px
}

.backgound-color-skyblue {
    background-color: #e3f2f7
}

.height-40 {
    height: 40px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-140 {
    height: 140px
}

.font-size-16 {
    font-size: 16px
}

.self-assesment-text-mob {
    font-family: Montserrat-SemiBold
}

a.linkorangecolor {
    color: #616161 !important;
    text-decoration-line: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    a.linkorangecolor:hover {
        color: #e14504 !important;
        text-decoration-line: none;
    }

.font-size12 {
    font-size: 12px
}

.margin-left25 {
    margin-left: 25px
}

.margin-floatright20 {
    margin-right: 20px !important;
    float: right
}

.module-box {
    width: 100%;
    padding-left: 32px
}

.module-box1 {
    width: 100%;
    padding-left: 7px
}

.height-whitebutton1 {
    height: 57.79px !important
}

.paddingleft5per {
    padding-left: 5%
}

.padding-left-0 {
    padding-left: 0
}

.padding-margin-left {
    padding-left: 0;
    margin-left: -10px
}

.padding-bottom-90 {
    padding-bottom: 90px !important
}

.margin-left-less-15 {
    margin-left: -15px !important
}

.margin-padding {
    padding-left: 0;
    margin-left: -10px;
    margin-top: 30px;
}

.padding-margin-less5 {
    padding-left: 0;
    margin-left: -4px
}

.break-all {
    word-break: break-all
}

.margin-bottom-14 {
    margin-bottom: 23%
}

.marginknowledge {
    margin-left: 11.5%;
    margin-bottom: 6% !important
}

.margin-top-6 {
    margin-top: 6%
}

.margin-top7per {
    margin-top: 7% !important
}

.margin-top-3 {
    margin-top: 3% !important
}

.padding-left-100 {
    padding-left: 100px
}

.width-276 {
    width: 276px
}

.float-left {
    float: left
}

.mobile-margin-top-6 {
    margin-top: 6px
}

.top80 {
    top: 80px
}

.logininput {
    border-color: #dad8d8 !important;
    border-top: none !important;
    box-shadow: none !important;
    border-left: none !important;
    border-radius: unset !important;
    border-right: none !important
}

.padding30 {
    padding: 30px
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s
}

    .sidenav a:hover {
        color: #f1f1f1
    }

    .sidenav .closebtn {
        position: absolute !important;
        top: 7px !important;
        font-size: 36px !important;
        padding-left: 25px !important;
        color: #c93600 !important;
        text-decoration: none !important
    }

    .sidenav.mobile {
        width: 0
    }

.get-started-button:hover {
    background-color: #e14504;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish {
    background-color: #e14504 !important;
    color: #fff !important
}

    .Profile-Save-Button.button-orange.landing-self-next-finish:hover {
        background-color: #e14504 !important;
        color: #fff !important
    }

.tab-content .submittedPHQGAD p a:hover {
    background-color: #e14504;
    color: #fff !important
}

.landing-self-back:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish:focus {
    outline: 0;
    box-shadow: none
}

.tab-content .submittedPHQGAD p a:focus {
    outline: 0;
    box-shadow: none
}

.landing-self-back:focus {
    outline: 0;
    box-shadow: none
}

.get-started-button:focus {
    outline: 0;
    box-shadow: none
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important
}

::-webkit-input-placeholder {
    color: #626262 !important
}

:-ms-input-placeholder {
    color: #626262 !important
}

::-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

.displayblock {
    display: block !important
}

.remembermecolor {
    color: #626262 !important
}

.or-box-margin-left-right {
    margin-left: -16px;
    margin-right: -16px
}

.or {
    color: #bebebe;
    background-color: #fff;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 40px;
    left: 125px
}

.paddingright5 {
    padding-right: 5px !important
}

.radius-0 {
    border-radius: 0 !important
}

.self-assesment .panel-heading ul li a:hover {
    background-color: transparent;
    border: 0;
    color: #fff
}

.self-assesment .panel-heading ul li a {
    background-color: #fff;
    border: 0;
    color: #7ec4d9;
    padding: 5px
}

.self-assesment .panel-heading ul li.active a {
    color: #000;
    font-weight: 900;
    opacity: 1
}

.self-assesment .panel-heading ul li a {
    opacity: .8
}

.self-assesment .panel-heading ul li.second a {
    margin-left: 20px !important
}

.margin-left-7 {
    margin-left: -7%
}

.margin-left-18 {
    margin-left: -18% !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.self-assesment .btnWhite:hover {
    color: #000 !important
}

.padding-left-8 {
    padding-left: 8px
}

.margin-left-10per {
    margin-left: 10%
}

.padding-left-10 {
    padding-left: 10.5%
}

.margin-left-13 {
    margin-left: 13%
}

.margin-top-35 {
    margin-top: 35px
}

.margin-bottom-2 {
    margin-bottom: 2%
}

.margin-top-2 {
    margin-top: 2.5%
}

.padding-left-right {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.padding-left-right-95 {
    padding: 0 95px
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.backgound-transparent {
    background-color: transparent
}

.padding-10 {
    padding: 10px
}

.dashboard .hide-data {
    display: none !important
}

.backgroundcolor {
    background-color: #19a6c9 !important
}

.overflow-hidden {
    overflow: hidden
}

.margin-left3per {
    margin-left: -3%
}

.footer-margin-top {
    margin-top: 60px !important
}

.margin-left-right {
    margin-left: -30px;
    margin-right: 0
}

.fontsize {
    font-size: 13px
}

.margin-top-30 {
    margin-top: 30px
}

.divscroll-height {
    height: 285px;
    overflow-y: hidden
}

.width-88per {
    width: 88%
}

.margin-top-less5 {
    margin-top: -5px
}

.glyphicon-icon {
    font-size: 17px !important;
    margin-right: 2%;
    margin-top: -3px
}

.mobile-margin-top-15 {
    margin-top: -15px
}

.mobile-module-box-2 {
    width: 100%;
    margin-left: 25px;
    padding-left: 0
}

.keepLearningDashboard {
    height: 65px;
    padding: 20px;
    background: #e3efc4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.glyphicon-color-green {
    color: #80bc00
}

.button-width-180 {
    width: 180px !important
}

.height-buttonwhite {
    height: 65.79px
}

.glyphicon-color {
    color: #b9b9b9
}

.module-box-height {
    max-height: 268px;
    max-width: 100%
}

.padding-10 {
    padding: 10px !important
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-59 {
    top: 58px !important
}

.complete-panel {
    margin-right: 0
}

.text-align-start {
    text-align: start !important
}

.margin-left-2per {
    margin-left: 2%
}

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

.module-box-2 {
    width: 95%;
    padding-left: 40px
}

.button-height {
    height: 50px !important;
    margin-left: 20%
}

.padding-top-5 {
    padding-top: 5px
}

.border-bottom {
    box-shadow: 1px 2px 1px -2px !important
}

.table-border-bottom {
    border-bottom: 1px solid #ddd !important
}

.table-border-top {
    border-top: 1px solid #ddd !important
}

.active-box-border {
    box-shadow: 0 3px 1px -4px !important
}

.margin-left-10Less {
    margin-left: -10px
}

.padding-top-15 {
    padding-top: 15px
}

.complete-text {
    font-size: 15px;
    margin-top: 16px
}

.margin-left-less15 {
    margin-left: -15px
}

.circleInDashboard canvas {
    height: 145px;
    width: 145px;
    margin-left: -21px;
    margin-top: -8px
}

.circleInDashboard span {
    font-size: 13px;
    color: #333;
    margin-top: 26%
}

.circleInDashboard div {
    height: 50px;
    font-size: 29px;
    margin-top: 2px
}

.padding-left-25 {
    padding-left: 25px
}

.margin-left-5per {
    margin-left: 5%
}

.margin-left-9per {
    margin-left: 9%
}

.circleInButton canvas {
    width: 40px !important;
    height: 40px !important
}

.orangeclr {
    color: #616161;
    font-family: DMSANS-REGULAR;
    font-size: 18pt;
    text-decoration: underline #e14504;
}

.margintopbtm {
    margin-top: -3px;
    margin-bottom: -3px;
    background: #f7f7f7
}

.margintopbtm63 {
    margin-top: 22px;
    margin-bottom: 63px;
    background: #f7f7f7
}

.margin-left-25 {
    margin-left: 25%
}

.margin-left-54 {
    margin-left: 54% !important
}

.padding-left-125 {
    padding-left: 125px
}

.width-50 {
    width: 50% !important
}

.width-280 {
    width: 280px !important
}

.gplus {
    color: #f75002
}

.iconfont {
    font-size: 40px !important
}

.continueclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 120px 10px 60px
}

.continue {
    margin-top: 5%;
    margin-left: -3%
}

.margin {
    margin-bottom: 10px !important
}

.margin1 {
    margin-bottom: -25px !important
}

input[type=radio]:checked {
    background-color: #93e026
}

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 4.8px;
        border-radius: 50px !important
    }

    input[type=radio]:checked ~ .cr .customRadiodiffFontsize:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 7.8px;
        border-radius: 50px !important
    }

.radio .Register.cr .cr-icon {
    margin-left: -.05em;
    color: #888
}

.margin-top-5 {
    margin-top: -5px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-left-top {
    margin-left: -168%;
    margin-top: 4px
}

.margin-left-35 {
    margin-left: -35px
}

.margin-top-1 {
    margin-top: -1px
}

.margin1 {
    margin-left: -35px;
    margin-top: -15px
}

.border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
    border: 2px solid #e14504 !important;
    font-size: 18px;
    FONT-FAMILY: DMSANS-REGULAR
}

.form-group.has-error input[type=date], .form-group.has-error input[type=number], .form-group.has-error input[type=password], .form-group.has-error input[type=text], .form-group.has-error select {
    border: 1px solid #e14504;
    font-size: 14pt;
    font-family: DMSans-Regular;
    box-shadow: none !important
}

.margin-left-36 {
    margin-left: -36px
}

.margin-left-74 {
    margin-left: -74px !important
}

.margin-top-8 {
    margin-top: -8px
}

.fontsize-13 {
    font-size: 13px
}

.background-color-white {
    background-color: #fff;
    border: 1px solid #d3d3d369;
    box-shadow: 0 1px #d3d3d369
}

.continue1 {
    padding-bottom: 7px !important;
    padding-top: 9px !important
}

.margin-left-48 {
    margin-left: 48px
}

.fb.iconfont:hover {
    text-decoration: underline !important;
    color: #507dc3
}

.twt.iconfont:hover {
    text-decoration: underline !important;
    color: #6ea1ef
}

.gplus.iconfont:hover {
    text-decoration: underline !important;
    color: #f75002
}

.orangeclr:hover {
    text-decoration: none !important;
    color: #d35b2f
}

.frgt:hover {
    text-decoration: none !important;
    color: #d35b2f
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-top-15-min {
    margin-bottom: -15px !important
}

.margin-top-10-min {
    margin-top: -10px
}

.register-selfassessment .row {
    clear: both
}

.hrcustom {
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    display: block;
    unicode-bidi: isolate;
    overflow: hidden;
    box-sizing: content-box;
    clear: both;
    margin: 2px 0;
    margin-left: -16px;
    margin-right: -16px
}

.margin-bottom-20-min {
    margin-bottom: -20px
}

.margin-right-188 {
    margin-right: -15px
}

.color-yyyy {
    color: #000
}



.black {
    color: #000
}

.hover1:hover {
    text-decoration: underline !important;
    color: #337ab7
}

.width-birth {
    padding-left: 1px;
    width: 23%
}

.width-postcode {
    width: 30%
}

.width-gender {
    width: 174%;
    max-width: 320px
}

.width-year {
    max-width: 320px
}

.margin-padding-additionalinfo {
    width: 100%
}

.width-mob {
    width: 100%
}

.width-80 {
    width: 80%
}

.margin-width {
    margin-left: 100px;
    width: 83%
}

.yellowbox {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-left: 130px;
    width: 78%;
    margin-top: 2%;
    padding: 20px
}

.width-105 {
    width: 105px !important
}

.margin-left-28 {
    margin-left: 28px !important
}

.width-100 {
    width: 100px !important
}

.margin-top-58 {
    margin-top: -58px !important
}

@media only screen and (max-width:768px) {
    .backgrnd {
        background-color: #fff;
        min-width: 411px
    }

    .tab-content .submittedPHQGAD p {
        text-align: center
    }

    div.social-media-mobile {
        margin-top: 15px !important
    }

    .sb.subheader {
        height: 70px
    }

    .mobile-margin-top-10px {
        margin-top: 10px !important
    }

    .mobile-margin-left-17per {
        margin-left: 17% !important
    }

    .register .mobile-padding-top-0-important {
        padding-top: 0 !important
    }

    .mobile-remove-guter {
        padding: 0
    }

    .regiter-hr {
        border-top: 2px solid #dadada;
        margin: 0;
        margin: 15px 0
    }

    .width-100-mob {
        width: 100% !important
    }

    .marginleft12permob {
        margin-left: 0 !important
    }

    .mobileleft-rigth-marign-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .padding-left-125 {
        padding-left: 0 !important
    }

    .padding-left-25px {
        padding-left: 0 !important
    }

    .margin-left-54 {
        margin-left: 0 !important
    }

    .padding-left-8 {
        padding-left: 8% !important
    }

    .padding-left-15 {
        padding-left: 15% !important
    }

    .margin-left-48 {
        margin-left: 0
    }

    .continue {
        margin-left: 18%
    }

    .margin-top-10-min {
        margin-top: 10px
    }

    .margin-bottom-10px {
        margin-bottom: 10px
    }

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 5px !important
    }

    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 8px !important
    }

    .margin-right-188 {
        margin-right: 188px !important
    }

    .margin-right-171 {
        margin-right: 171px !important
    }

    .color-yyyy {
        color: red
    }

    .margin-right-165 {
        margin-right: 165px !important
    }

    .margin-right-131 {
        margin-right: 131px !important
    }

    .margin-top-5px {
        margin-top: 5px
    }

    .width-birth {
        width: 83%;
        padding-left: 0
    }

    .width-postcode {
        width: 30%
    }

    .margin-padding-additionalinfo {
        width: 100%;
        margin-left: 0
    }

    .width-mob {
        width: 88%
    }

    .yellowbox {
        width: 100%
    }

    .width-80 {
        width: 100% !important
    }

    .slider-div {
        padding: 0 !important
    }

    .padding-top-6 {
        padding-top: 6px
    }

    .margin-left-4per {
        margin-left: 4%
    }

    .margin-left-12per {
        margin-left: 12% !important
    }

    .margin-left-40 {
        margin-left: 0
    }

    .clear-mob {
        clear: both !important
    }

    .margin-left-40 {
        margin-left: 0 !important
    }

    .register-additional-info-header, .register-label, .register-social-media-text {
        padding: 10px !important
    }

    .padding-bottom-25px {
        padding-bottom: 0 !important
    }

    .padding-top-bottom-10 {
        padding-bottom: 0 !important;
        padding-top: 10px !important
    }

    .mobile-margin-bottom-0 {
        margin-bottom: 0 !important
    }

    .padding-1week {
        padding: 0 !important
    }

    div.padding-module {
        padding: 13px 0 13px 0 !important;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: -10%;
        width: 68% !important
    }

    .font-size-21-mob {
        font-size: 21px !important
    }
}

.margintop10 {
    margin-top: 10px !important
}

.float-align-right {
    float: right !important;
    text-align: right !important
}

.width-125 {
    width: 125px !important
}

.margin-left-22 {
    margin-left: 22px !important
}

.margin-left-45 {
    margin-left: 45px !important
}

.margin-left-95 {
    margin-left: 95px !important
}

.margin-left-80 {
    margin-left: 80px !important
}

.margintop12 {
    margin: 12px 0 15px 0 !important
}

.width60 {
    width: 60px !important
}

.width95 {
    width: 95px !important
}

.width115 {
    width: 115px !important
}

.margin-left-32 {
    margin-left: -32px
}

.margin-left-40 {
    margin-left: -40px
}

.continue2 {
    margin-left: -4%;
    margin-top: 4%
}

a.removehover:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.continue3 {
    margin-left: -4%;
    margin-top: 5%
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

a.removehover1:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.clear-mob {
    clear: none
}

.lnkAddCustomTracker:hover {
    cursor: pointer
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-28 {
    margin-top: 28px
}

.margin-left-7px {
    margin-left: 7px
}

.padding-right-31px {
    padding-right: 31px
}

.padding-bottom-25px {
    padding-bottom: 25px
}

.padding-top-bottom-10 {
    padding-bottom: 4px;
    padding-top: 0
}

.border-radius-0px {
    border-radius: 0
}

.padding-left-12 {
    padding-left: 12px
}

.margin-top-minus-4 {
    margin-top: -4px
}

.btn:focus {
    outline: 0
}

.margin-top-38 {
    margin-top: -38px
}

.margin-top-22 {
    margin-top: 22px
}

.margin-top-54 {
    margin-top: -54px
}

.circlewidth50px {
    width: 50px
}

.pausedCircleInButton canvas {
    width: 40px !important
}

.circle.pausedCircleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 10px;
    color: #000
}

a.topdown:hover {
    text-decoration: none !important;
    color: #e36e48
}

.alignContent1 {
    padding-left: 5%;
    padding-right: 6%;
    text-align: center;
    padding-bottom: 0;
    width: 936px !important
}

.padding-left-40 {
    padding-left: 40px
}

.width-postcode2 {
    width: 50%
}

.padding-top-8px {
    padding-top: 8px
}

.margin-left-4 {
    margin-left: -4%
}

.padding-font {
    font-size: 15px;
    padding-left: 15px
}

.margin-top-27px {
    margin-top: -27px
}

.margin-left-39 {
    margin-left: -39%
}

.margin-left-12 {
    margin-left: 4%
}

.continue4 {
    margin-left: -3%
}

.nextclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 92px 10px 53px
}

.continueclr1 {
    color: #000;
    background: #f79c00;
    padding: 0 43px 5px 46px
}

.continue5 {
    margin-left: 33%
}

.margin-top-2per {
    margin-top: 2%
}

.padding-selfassessment {
    padding: 0 32px 0 15px
}

.padding-margin-evryday {
    padding: 0 70px 0 12px;
    margin-left: 0
}

.slider1 {
    margin-top: 2%
}

.slider1a {
    margin-top: -9px
}

.padding-top-17 {
    padding-top: 17px
}

.margin-top-1per {
    margin-top: 1%;
    padding: 0 89px 0 29px
}

.font-Montserrat-lightimp {
    font-family: Montserrat-Regular !important
}

.mousehandicon:hover {
    cursor: pointer
}

.selfassestextsizehead h2 {
    font-family: DMSans-Regular !important;
    font-size: 15px !important
}

.selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12px !important
}

.selfassestextsizecontent h4 {
    font-family: DMSans-Regular !important;
    font-size: 14px !important
}

.font-weight-600imp {
    color: red !important
}

.SetcolorBlack {
    color: #000 !important
}

.padding-trackingremind {
    padding: 15px 33px 6px 37px
}

.enabletrackingreminder {
    padding: 0 0 0 24px;
    margin-top: -11px
}

.padding-send {
    padding: 0 21px 6px 37px
}

.margin-send {
    margin-top: -4%;
    margin-left: 10%
}

.margin-left-2-neg {
    margin-left: -2%
}

.margin-freq {
    margin-left: 18%;
    margin-top: -4%
}

.margin-freq1 {
    margin-top: -10%;
    margin-left: 30%
}

.margin-timezone {
    margin-left: 10%;
    margin-top: -3%
}

.margin-mssidn-input {
    margin-left: 7%;
    margin-top: -3%
}

.margin-via {
    margin-top: -4px;
    margin-left: 15px
}

.margin-left-4 {
    margin-left: 4%
}

.padding-snippet {
    padding: 15px 3px 8px 31px
}

.margin-top-8per {
    margin-top: -8px
}

.font-size-15 {
    font-size: 15px
}

.padding-trackingsetup {
    padding: 15px 3px 8px 43px
}

.padding-newtracker {
    padding: 13px 13px 13px 18px
}

.margin-left-4pos {
    margin-left: 4%
}

.continue6 {
    margin-left: -37% !important
}

.margin-left-30 {
    margin-left: -30% !important
}

.margin-left-62 {
    margin-left: -62px;
    margin-bottom: 15px
}

.margin-left-20min {
    margin-left: -20px
}

.margin-0 {
    margin: 0
}

.slideralign {
    margin-top: 5px
}

.slideralign2 {
    margin-top: -22px
}

.slideralign1 {
    margin-top: 5px
}

.profilepadding {
    padding: 5px 41px 25px 25px
}

.margin-bottom-4 {
    margin-bottom: 4%
}

.selfassessmentpadding {
    padding: 0 7px 0 41px
}

.resultselfpadding {
    padding: 0 45px 35px 45px
}

.resultselfpadding1 {
    padding: 0 45px 35px 45px
}

input[type=radio]:checked ~ .cr .customRadioColor1:before {
    background-color: #006e8b;
    content: " ";
    height: 10px;
    width: 10px;
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    border-radius: 50px !important
}

.margin-left-118 {
    margin-left: -38%
}

.margin-continue {
    margin-left: 45.5%;
    margin-bottom: -3%
}

.margin-left-42 {
    margin-left: 42%
}

.margin-bottom-1 {
    margin-bottom: 1%
}

.Forget-Padding {
    padding-right: 10px
}

.margin-bottom-100 {
    margin-bottom: 100%
}

.btn-login {
    margin-left: 110%;
    margin-top: 10px
}

.login-label {
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    margin-top: 10px
}

.margin-left-236px {
    margin-left: 190px
}

.margin-bottom-70 {
    margin-bottom: -70% !important
}

.panel-hide-show1 {
    margin-top: 5px !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

.border {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 7px;
    box-shadow: 0 2px #ddd
}

.padding-left-42 {
    padding-left: 42px
}

.margin-bottom-15px {
    margin-bottom: 15px !important
}

.margin-left-83 {
    margin-left: 83%
}

.margin-top-4 {
    margin-top: 4%
}

.padding-right-5 {
    padding-right: 5px
}

.margin-left-31 {
    margin-left: -31px
}

.margin-left-7 {
    margin-left: 5%
}

.margin-top-1percen {
    margin-top: 1%
}

.margin-left-15per {
    margin-left: 15%
}

.margin-left-7px {
    margin-left: -7px
}

.margin-left-2point5per {
    margin-left: -2.5%
}

.padding-left-33px {
    padding-left: 33px
}

.next-finish {
    margin-bottom: -33px;
    margin-top: 2%
}

.margin-left-75 {
    margin-left: 75px
}

.margin-left-40per {
    margin-left: 40%
}

div .btn1 {
    margin-left: -10px;
    min-width: 28%;
    font-size: 15px;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer
}

.margin-bottom-4 {
    margin-bottom: -4%
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

    .fa-info-circle:hover {
        color: #000 !important;
        text-decoration: none !important;
        display: inline-block;
        cursor: pointer
    }

.recommendedFactor {
    font-family: Montserrat-Bold !important;
    color: #000
}

.modal-backdrop {
    z-index: 100 !important
}

.dropdown-menu.loginbox {
    z-index: 99
}

.margin-left-1 {
    margin-left: 1%
}

.Profile-Questionnaire-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    font-family: Font-Montserrat-Regular;
    font-size: 20px
}

.content-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 13px
}

.content-link {
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 17px;
    padding-bottom: 3%
}

    .content-link:hover {
        text-decoration: underline !important
    }

.complete-label {
    padding-left: 4%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 14px
}

.padding-0-important {
    padding: 0 !important
}

.trackingTrackers {
    margin-left: 22px
}

.dashboardTrackers {
    margin-left: 38px;
    margin-top: 0
}

.marginBottom4Percent {
    margin-bottom: 4%
}

input[type=radio]:checked ~ .cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.marginBottom4Percent {
    margin-bottom: 4%
}

.padding-top-20Percent {
    padding-top: 28%
}

.emptyModuleMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 10px
}

.iconfont1 {
    font-size: 20px !important
}

.getstartedbutton {
    padding: 6px 25px 6px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    cursor: pointer;
    display: inline-block
}

.padding-1week {
    padding: 0 0 63px 126px
}

.margin-top-14 {
    margin-top: 14% !important
}

.letter-spacing-2px {
    letter-spacing: 2px
}

.letter-spacing-3px {
    letter-spacing: 3px
}

.letter-spacing-5px {
    letter-spacing: 5px
}

.padding-7week {
    padding: 12px 4px 10px 10px
}

.getstartedbutton-width {
    width: 20%;
    margin-left: -2%
}

.margin-left-5neg {
    margin-left: 5%
}

.lead1 {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4
}

.margin-top-14px {
    margin-top: 14px
}

.profile-align {
    margin-top: 10px !important;
    top: -2.5px !important
}

.profile-align-1 {
    top: -7.7px !important
}

.profile-align-12 {
    margin-top: 7px !important
}

.profile-align-2 {
    top: -2.7px !important
}

.profile-align-17 {
    margin-top: 10px !important
}

.profile-align-3 {
    top: -7.7px !important
}

.profile-align-4 {
    top: -7.7px !important
}

.activeModulePannel .panel-footer:hover {
    cursor: pointer
}

.questionnair-margin {
    margin-top: 11.5px !important
}

.questionnair-margin-1 {
    margin-top: 9px !important
}

.margin-left-5-neg {
    margin-left: -5%
}

.margin-bottom-10per {
    margin-bottom: 10%
}

.margin-left-3 {
    margin-left: -3px
}

.dashboardDatePickerWeb {
    margin-left: -10px;
    padding-left: 0
}

.padding-left-30 {
    padding-left: 30px
}

.padding-right-0 {
    padding-right: 0
}

.symptomScreenerSlider {
    padding: 0 30px 0 50px;
    margin-top: -20px
}

.PhImpactInSymptomScreener {
    padding-left: 51px;
    padding-right: 47px
}

.symptomScreener {
    margin-bottom: 3%;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px
}

.gad7Silder {
    margin-left: 30px
}

.margin-left-10pix {
    margin-left: 10px
}

.margin-left-15pix {
    margin-left: 15px
}

.margin-left-6pix {
    margin-left: 6px
}

.margin-left-50pix {
    margin-left: 50px
}

.margin-left-30pix {
    margin-left: 30px
}

.margin-left-10pix-descrease {
    margin-left: -10px
}

.margin-left-40pix-decrease {
    margin-left: -40px
}

.sliderPhQ9Impact {
    padding: 0 0 0 30px;
    margin-left: 20px
}

.socialActivity {
    margin-left: 18px
}

.socialActivityQuestion p > b {
    font-family: Montserrat-SemiBold
}

.moreThanHalfDays {
    position: absolute;
    margin-left: 47%
}

.severalDays {
    position: absolute;
    margin-left: 61%
}

.yellowboxInSymptomScreener {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-top: 2%;
    padding: 20px;
    margin-bottom: 30px
}

.PhqThoughtOption1InSymptomScreener b {
    margin-left: -90px
}

.PhqThoughtOption2InSymptomScreener b {
    margin-left: -50px
}

.PhqThoughtOption3InSymptomScreener b {
    margin-left: -15px
}

.margin-left-4PerInSys {
    margin-left: 4% !important
}

.symptomModal {
    padding-bottom: 15px
}

.jumpToInfo {
    margin: 15px 0 15px 0;
    padding: 10px 0 10px 0;
    background: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-family: Montserrat-SemiBold;
    color: #553c54;
    letter-spacing: 2px
}

@media only screen and (max-width:420px) {
    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .symptomScreenerSlider {
        padding-right: 0;
        margin-left: -34px;
        margin-top: 0
    }

    .footermargin {
        margin-left: -5px
    }

    .PhImpactInSymptomScreener {
        padding: 0;
        margin-top: -10px
    }

    .symptomScreener {
        margin-bottom: 10%
    }

    .gad7Silder {
        margin-left: 0
    }

    .sliderPhQ9Impact {
        padding-right: 18px;
        padding-left: 15px;
        margin-left: -3px
    }

    .socialActivity {
        margin-left: 0
    }

    .btn-White {
        margin-top: 10px;
        margin-left: 0
    }

    .suicidalBoxInSymptomScreener {
        margin-top: 10px;
        margin-bottom: 5%
    }

    .mobile-margin-bottom-20per {
        margin-bottom: 20%
    }

    .selfAssessmentInDashboard {
        padding-bottom: 30px
    }
}

.orange-link:hover {
    text-decoration: underline !important
}

.margin-left-paused-circle-22 {
    margin-left: 22px
}

.margin-left-15px {
    margin-left: 15px
}

.margin-left-48px {
    margin-left: -50px
}

.margin-left-minus65px {
    margin-left: -65px
}

.top-5px {
    top: 5px
}

.margin-top-5-tracker {
    margin-top: 5px
}

.tracker-social-right {
    margin-left: 17px
}

.margin-left22px {
    margin-left: 22px
}

.margin-right-5px {
    margin-right: 5px
}

.margin-top-tracker-40 {
    margin-top: 40px
}

.img-handsign-hover:hover {
    cursor: pointer
}

.close-hover:hover {
    text-decoration: none !important
}

.custom-color {
    color: #f37d31 !important
}

.iconset .palyicon {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.bckcolor {
    background-color: #f7f7f7
}

.modalbackcolor {
    background-color: #fff
}

.height-350 {
    height: 350px
}

.padding-20 {
    padding: 20px
}

.Changecursor a:hover {
    cursor: pointer
}

.Fontsize14 h2 {
    font-size: 14px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

a.activeRegister {
    font-size: 12px !important;
    color: #000 !important
}

.sessionButton {
    background: 0 0;
    border: none;
    width: 100%
}

    .sessionButton:hover {
        cursor: pointer
    }

.modalResetPassword .modaltext {
    font-size: 18px;
    height: 80px
}

.modalResetPassword .modalfooter {
    border-top: 1px solid #000
}

.forgot-password-input input, .logininput, .resetPasswordInput input {
    max-width: 340px !important
}

.btnResetPassword {
    color: #000;
    background: #f79c00
}

.resetPasswordInfo {
    color: #a94442;
    font-size: 13px
}

.navigation {
    padding-left: 0 !important;
    padding-right: 3px !important
}

.margin-top-10-per {
    margin-top: 10%
}

.dashboardHeaderTracking {
    color: #d35b2f !important;
    font-family: Montserrat-Light;
    font-size: 13px
}

    .dashboardHeaderTracking:hover {
        color: #d35b2f !important
    }

@media only screen and (max-width:400px) {
    .healthCareHeight {
        line-height: 24px
    }
}

.color-light-brown {
    background: #eff0ea
}

.color-dark-brown {
    background: #d8d8d4
}

.btnWidthMarginLeft {
    width: 20%;
    margin-left: 40%
}

.btn.btnHover:hover {
    color: #555 !important
}

.orange {
    color: #f79530 !important
}

.dark-orange a {
    /* color: #f79530 !important;*/
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.underline a {
    text-decoration: underline #e14504;
}

.glyphicon-2px {
    top: 2px
}

.Box-border {
    border: 1px solid #ddd !important
}

.margin-top-complete {
    margin-top: 40px !important
}

.color-black {
    color: #333 !important
}

.selfAssessmentInDashboard .selfAssessment {
    color: #31251b !important;
    font-size: 33px !important;
    font-family: DMSANS-REGULAR !important;
    letter-spacing: 2px !important
}

.glyphicon-top {
    top: 2px !important
}

.continue-padding {
    padding: 14px 34px !important
}

.report-overview-calendar {
    width: 10% !important;
    position: relative !important;
    top: -28px !important;
    left: 85% !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

input[type=text].share-mycompas-name {
    border: 1px solid #ccc !important;
    box-shadow: none !important
}

.paragraph-after-li {
    padding-left: 38px
}

ul.numbering {
    list-style-type: none !important;
    margin-left: 7px !important;
    padding: 0 !important;
    color: #111
}

.numbering li {
    float: left;
    display: block;
    text-align: center
}

.numberlist {
    position: relative !important
}

.QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 10px !important
}

.QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 10px !important
}

.numpadRight0 {
    padding-right: 30px !important;
    padding-left: 2px !important
}

.numpadRight1 {
    padding-left: 12px;
    padding-right: 34px !important
}

.numpadRight2 {
    padding-left: 17px;
    padding-right: 32px !important
}

.numpadRight3 {
    padding-left: 16px;
    padding-right: 32px !important
}

.numpadRight4 {
    padding-left: 12px;
    padding-right: 29px !important
}

.numpadRight5 {
    padding-right: 32px !important;
    padding-left: 20px
}

.numpadRight6 {
    padding-left: 16px;
    padding-right: 31px !important
}

.numpadRight7 {
    padding-left: 15px;
    padding-right: 32px !important
}

.numpadRight8 {
    padding-left: 16px;
    padding-right: 32px !important
}

.numpadRight9 {
    padding-left: 15px;
    padding-right: 27px !important
}

.padding-left-36per-mob-0per {
    padding-left: 36%
}

.iconset .treatment-play-icon {
    width: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.5);
    font-size: 55px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    height: 127px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAB/CAYAAADGvR0TAAAACXBIWXMAABcRAAAXEQHKJvM/AAAL6UlEQVR4Xu2d7XXjthKGn/jc/1YH5q3ASgVmKljfCpZbwToVhKkg2goiVxC7gtAVRK4gVAdSBbg/RljSWnIA8EP8EJ9zcNYrjGSR78xgAIL0T8YYZkgMRKe2AtalvocfzQHYA3np/1np3wOwY2b8NAPx41Nbn9qdZtySN8RBslPL603HzxTFj4BHRPBPqmX/7BEneKHIEJNhKuJHiOAJcK9aDssr4ggvTMARxi5+cmp14/RYOSIOsGHEtcIYxV8BT6d267CdAm/A9tRGxZjEj4AUSe99in5e1Vv6zi575Pi2utnlGIP4NtJ/cxl6skdS7Q4ROT/9HDIGrymmiBHFTKILpxyNEwwt/hNyItqc1HeKqVdGmMihWCeIaZ+h3pBjz3Sz/hhK/BgphppW7raqzhh2rr1GCtJHmq8vPCNB0KfTVnJp8VeIt3912FXxTlE4XfxEeWAdISE8IxyR97047DrlkuKvkYMLjZBnRPBMNxsVCeLkocf6irz3Ms5tjLlES004W2NMZNyfPeYWG2MyE0ZujFkb92e3bk6Dlm1ljHkxYWzN9EU/b7ERUUN4Mu7PbdWcBi3a2hizM/5k5kIeP2BLjDEH48/WuD+zcetrzF8jY7RP4XNEqt2tw24urJCZzmeX4Yl3ZHbUeR1w4zJoQAL8g5/wr8giylY3mxUH5Bz9giz4uLhHAmnlsAuma/ET4E+XERLtX5D5cecePREyJEO+OuxAHCDn46aU1nSZ9hP8hH9HbHcOu2siwe/cHZEhoJNz15X4CX5f/rLz2GnhWyd15gBdpP0EP+G/cd1p3sUOqX/eHXa3SI3UugZoG/lrpLhz8YXrKurasEJWQl2XmFvPAtpEvk1TLhbhwzggoj477O5peV6bir9CfrFrfFqEb06C2wE+IWsGjWgq/hb35dhF+PYkuB3g68kumCZjfop7180ifHeskOFVC7ZGM4BQ8X0KvG/Icu1Cd/g4wDuBi0Ahad9WoRqvLML3gV0SPio290hW9iYk8jfoO3BaTz0WnMTA3w6bn/FM/76RH6MLb7chLcL3Swb87rDZOvq/4yu+azrxhKe3LbQmRXb+1uGd/n3S/hPwh9L/iizbLlyOCAm2unWWI1L85TX9gFv8FfIB2i+JWNL9ELiC8hnH/N+V9p/QV/GeGEb4NcW+/ReuM/Ns0NP/ZxxTPy3yI+Dfuk7kF8dKf19EVKe8N66v9ohooZEW+anSB8PN51Oqs9EDsgC1pYPLnRMhRxbV6niggfgr9A2GzwwXYZGj/zNyUoZyzkuToi/+JHUddeK7Tlzq6B+aW6QYyhlmaLokB/Sp+GdqAqaJ+M8Me3NkCHfIiliGO2NMmQ169KdVL1aJn6BX+KnSN1YekMJowzzrAVf0P1Jx3HXi1zGlqK/iK/OtB7Tov6ViOnwufoS+d2yr9E2FudYDB/Srrsn5C+fia4sl9gkYY0Zb9DhnjvWAlvofODvOc/ET6tkqfWMhxv82KMuc6oEd+tbvD8FdFj9C3ymyVfrGRIYcy6/oFfA5c6kHtkpfUv5PWXwt5b8yzBp+GzaIE2grYOfYemDHdOsBbdy/p5TdyuLHP5gWaB84Zg5IJP9MWD1wj9QDL0yvHsjxTP1l8T9VGFoypW8K2Ej+H2H1wCekHkiZVj2wVfpi+4MV//sLFbwz7bl9GRvJvxNWD/yGnINENxsNmdIX2x98xM+UvqmSIk7wrJt94Ba5IXUK9cCOeue+45TFrPjrGkOYp/hQbIeeaz2QKX0xXLf4lrnWA5nSt4ZC/Lsaoz3Tm+I1ZW71wE7p+y5+rBhpHzBXUuZRD2RKXwQifqQYXaP4MJ96oG4Yuwe3+LnSdw3YSP5CeD2wY/h6IFf6ohv0L5crfdfEFhknQ+qBW6Qe2DFcPaBl7ugGvdLPlb5r44BE8pqweuAOqQcyLl8PqMX6+SXdc3JH/zWSUzxBM6QeeEDqgS2Xqwc08WOX+Av1ZDSrBz5zuXpALdhv0P+27IKbLe3qgUeHbW9okZ8rfQsfaVMP/MXlhoEPLGm/W3Ka1QNPLoM+WMTvhwwR1HcYiFwGfbCI3z0rpA74B/dDKi2Zy6APFvG7JUVS/2fd7APvDLQ59ob6ql67eWPhIzEi+m/4RzvI5tKYga6c/gf50nWXdBd0IiRqQwPlDSkMc92sX5a034wVsjX8X8KE3yMzgZjLCB8rfblLfG3d/1p5QoT76rArc0RuIokYqLirIL9B/zJ9Lz9OiRgR/Q/Cx/UI97MM+0AN3iXy3URIgPxNWG30BvyX4Z5YBnrwZq7Ij5S+uTOVcV1D/d436F55rZE/h3E9UvreQKZ62mW/axM/RqZuIekdZFxPGS69V6Fpl0Mx5tddhLjlOlJ/hGy6bDKu/8yw43odmvg7KMTP6+0uvvXokqyQiP0X/UbVc/bITR4x493hHCt9H8TP6u1mK35CsSTryxHZtBEx/tvWtWIvAxnzv/+nhkelb4rESBWvPYWkimfGmd6r0DT7PsSX037dBZ5b5lH4RRTjeojwdlxPmIbwoGfrzP5QXuT5/mIFidI3duY8rtehRX5mfyiLr41hU039CfMe16tYUz9jOdIg8u+YVuqPkWj9k7B1+GdE9FQ3GzWJ0vfBmcviH5CnbtWRKH1jIeJ6xvU6EqWvVvwfOs9IlL6xcE3jehUJ+t9Dcopft+P0lmk4gA92XF8zzXG9jkTp++E4z8U/VBmVSJW+qfCMiJ4y/RRfZk3gQ7OrrudvKl6z3DHdFb835FJrwvCXWvvgSenbU1HQV4m/Q7/bJFX6xsgeuZkyZhyXWvsgQt8unla9WLeTZ1vzOjj+YtOIKI/rW9108qRK3w+FnkUTv2651/aPmbmO61XE6FG/oeYc1IkPujfdMVzlrxWkcx/Xq0iVviNaDWeM0Vpu6jkYY1Y17+uzrYwxmflIboxJPN47t5YYndQo73f9IeUEWSKt45nhMsAjxV+KfmH+6f2cFXLs2qJOhHJeXOKDVMja/PEX5ltFj5kX9NXMX3HcK+AjfoysldexRyLw2iJvSB6RJ3rUscdj76VW8Fky9EeN3DH+6n9OrHCf78TRD/iJD+6nTHzC8xcutOYF/TL1NzyHYZ+0b3GlGpDLojuHzUJzNug3kjiLvDK+kQ/icdr1fhCPWzlsFpqR4L6D6BFP4SFMfJAvoK383bI4QB+s0afcEJDuLSFp37JGHjak8cY01v+nwBoRVRvn32mwzS408kHG9F8dNg+4K9IFNz7CH2m4wbaJ+CCFhzb9A7nYsHXYLNTjIzyI8LnDppKm4oOM/+8OG+sASw0Qhq/wXwgc58s0GfPLrJBf7top+47UAN6V6BXjK/w3Wj62tU3kg4gZ437M6D1yQMFFyZWR4PfkzmdaCg/txYdwB4h1s6tlg3s6Bx1eSe1CfCj+EJHLAW6Ri0Spw+6asEOnawEHOhQeuhMfCgdwFYEg985leFx5mjm2UtcumVs6FR66FR/CHOABsW89dk2QFbJc/hfu8R2kuEtcRqF0LT4UNYDrOgDIgf/BdWWBBIl239vKvtBTgPQhPogDPCIe68MDcp/dhvmuCcSIk/veOXxEdkltHXbN0Tb4ddQSI5s9fTkY2Xg4xObQPlpkjNmaMHZG3uf67FbNadBRWxs5oBCm7gRrEy66McZsjPuzO2ltV/hCSQl7SgYUd5xsmMZGkeTUfCr4MvYCTeaw64xLiw8y9m1wLwlX8Y6MgS80vJjRE2sK0X3G83O+McDdRUOIb0mRKrbJyYLCETKGyQiPiCM/EvbUzjJ7xGEy3awfhhQfiuffaPea+XBETmCGOEKm2DYhQqJ7jQgemtLPOSLHvXHY9crQ4lvWyIloe1LL7JGhYYek0wN+GSI+/btGpp1dfid779yGC6f4KsYiviVG0mDbTDA2RiW6ZWziWyIkLT7SvCYYA3vkOF4YkeiWsYpvWSEOkNBt+u0TOzXd0n3t0SljF79MROEITaaJfWIFt20STEn8MjYjxKfWdKrVhjeKGUamGY6VqYp/zgpxAjsdi+g2O7xRzBx2TFTsc+Yifh0RxaXiuNbqIznF6mFWazUD/g9/vnuvLV9VeQAAAABJRU5ErkJggg==)
}

.treatment .fa-play-circle-o:before {
    content: "" !important
}

.newUserModal-dialog {
    margin-top: 80px;
    position: relative
}

    .newUserModal-dialog p {
        color: #333
    }

.newUserModal-footer {
    text-align: center;
    padding: 7px 0 7px 0;
    font-family: DMSANS-REGULAR
}

    .newUserModal-footer .btn:hover {
        color: #333 !important
    }

.symptomModel-footer .btn-White:hover {
    color: #333 !important
}

.marginleft12permob {
    margin-left: 12%
}

.padding-left-25px {
    padding-left: 25px
}

.padding-left-41per-mob-0per {
    padding-left: 13%
}

.reg-or {
    float: right;
    left: 8px;
    position: relative
}

.mobile-margin-left5per {
    margin-left: 14px
}

.knowledgeCentre-InterestArea {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12pt !important;
    letter-spacing: .3px !important;
    margin: 2px 0 14px 15px;
    width: 250px
}

.knowledgeCentre-QuickLinks {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.knowledgeCentre-QuickLinks-Headings, .knowledgeCentre-QuickLinks-Headings a {
    color: #e14504 !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    font-family: DMSans-Regular !important;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledgeCentre-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-IntrestAreaTopics {
    color: #000;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-SelectedIntrestAreaDescription {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Heading {
    color: #272727 !important;
    font-family: DMSANS-BOLD;
    font-size: 27pt !important;
    letter-spacing: 2px !important
}

.Tracking-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
}

.Tracking-Summary-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Tracking-Summary-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-EditTracking {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-From {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-To-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Share-Progress {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important;
    letter-spacing: 0 !important
}

.Tracking-TarckingData {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Reporting-Heading {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.tracking-analysis {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

    .tracking-analysis b {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 16px;
        letter-spacing: .4px;
        font-weight: unset !important
    }

    .tracking-analysis ul {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: unset !important
    }

.tracking-analysis-description-2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-analysis ul li b {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.Tracking-Reminder-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippets-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 42pt !important;
    letter-spacing: 0 !important;
    margin-top: 57px;
    line-height: 50.4pt
}

.Snippets-Heading-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 18pt
}

.Snippets-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Main-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Your-Favourite {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Snippets-Edit {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippet-About-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Light !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    padding-left: 3px !important;
    height: 33px !important
}

.Snippet-FavoriteSnippetData-Author {
    color: #000 !important;
    font-family: DMSans-bold !important;
    font-size: 18px !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 16.8pt !important
}

.Profile-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Profile-Heading-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Profile-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Profile-Detail-Labels {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Save-Button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    font-weight: unset !important;
    border: none
}

.Continue-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Continue-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.Save-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Save-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.PhSuicidalThoughts-Heading {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.PhSuicidalThoughts-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Continue-Button {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors-Active {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div h2, .resultselfpadding1 div h4 {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div p {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Description2 {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Register-link {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.menu-login-bold {
    color: #272727 !important;
    font-family: DMSans-Bold !important;
    font-size: 13px !important
}

.login-password, .login-username {
    color: #393939;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0
}

.login-forgot-link, .login-or-label {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.login-rememberme {
    color: #393939;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

.login-btn-facebook, .login-btn-twitter {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.login-btnlogin {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.navigation-menu {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important
}

.navigation-menu-withoutLogin {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.myCompass-text {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.personalize-text {
    color: #2e102d !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 1px !important
}

.get-started-button {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.jumpToInfo-Text {
    color: #000 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.catagory-menu-Text {
    color: #7e8180;
    font-family: DMSANS-Medium !important;
    font-size: 14px;
    letter-spacing: .5px !important
}

.getstartedIn5-text {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.printbrochure-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.catogory-under5-minutes {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 16px !important;
    letter-spacing: .4px !important
}

.your-treatment-number1, .your-treatment-number14, .your-treatment-number7 {
    color: #fff !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 1px solid #e14504;
    text-align: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    padding-top: 3px;
    border-radius: 24px;
    background-color: #e14504 !important
}

.your-treatment-number14 {
    letter-spacing: 0 !important
}

.your-treatment-Heading1 {
    color: #e24201 !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    font-family: DMSANS-BOLD
}

.your-treatment-Heading2 {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 16px !important;
    letter-spacing: 2.3px !important
}

.your-treatment-number14, .your-treatment-number7 {
    margin-right: 10px
}

.your-treatment7-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment7-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

span.letter-spacing {
    letter-spacing: 2px !important
}

.your-treatment14-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment14-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 16px !important;
    letter-spacing: 1.8px !important;
    position: relative;
    top: 4px
}

.your-treatment {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR;
    padding-top: 45px !important
}

.your-treatment-number {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 56px !important;
    letter-spacing: 7px !important
}

.youTreatment-textwithnumber-7 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-1 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-2 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 21px !important;
    letter-spacing: 2.3px !important
}

.padding-right-4 {
    padding-right: 4px
}

.Try-oneActivity-text {
    color: #2e102d !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .9px !important
}

.Try-activity-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.About-Program-Btn {
    color: #e14504 !important;
    background-color: transparent !important;
    font-family: DMSans-Medium !important
}

.myCompass-made-me {
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 22px;
    letter-spacing: 0 !important;
    font-weight: 700
}

.best-of-all-text {
    color: #31251b !important;
    font-family: DMSans-Bold;
    font-size: 22px !important;
    letter-spacing: .5px !important
}

.get-yourself-text {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.getstarted-in-mademe-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px
}

.footer-menu {
    color: #000 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 14px !important;
    letter-spacing: .9px !important;
    text-decoration: none !important;
}

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0
}

.person-text {
    color: #000 !important;
    font-family: DMSans-Medium;
    font-size: 18pt !important;
    letter-spacing: .5px !important;
    font-weight: 400 !important
}

.Activity-Completing-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
}

.Activity-Landing-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Activity-Landing-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Activity-Landing-Description.smart {
    width: 54%
}

.Activity-Landing-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt;
    width: 60%;
    margin: auto 81px;
    height: 290.656px !important
}

.Activity-Landing-Session-Heading {
    color: #e14504 !important;
    font-family: DMSans-bold !important;
    font-size: 14pt !important;
    letter-spacing: .5px !important;
    text-transform: uppercase;
    line-height: 16.8pt;
    text-align: center
}

.Activity-Landing-Session-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    line-height: 21.6pt;
    text-align: center;
    padding: 0
}

.Activity-Landing-Session-Begin-Button {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    line-height: 14.515pt;
    width: 170px;
    border: 1.5pt solid !important;
    margin: 25px 105px !important;
    text-align: center;
    height: 36px
}

.Activity-Keep-Learning-Description {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Profile-Questionnaire-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Questionnaire-Question-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factor-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Checkbox {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Enable {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Default-Snippet-Types {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Dropdown-Headings {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-TrackingReminders-Dropdown-Headings2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Tracking-Complete-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-Currently-Empty-Heading {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important;
    font-weight: unset !important;
    text-align: center
}

.Snippet-Browse-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

h1.text-center.register-header {
    font-family: DMSANS-BOLD;
    font-size: 44px
}

h2.text-center.register-header {
    font-family: DMSANS-REGULAR;
    font-size: 27px
}

.register-header {
    color: #272727;
    font-family: "DM Sans",sans-serif
}

.register-header2 {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 18px;
    letter-spacing: 0
}

.register-already-registered {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

    .register-already-registered .orangeclr:hover {
        color: #e14504 !important;
        text-decoration: none !important;
    }

.register-header-account, .register-step1 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

.register-step2 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    letter-spacing: 0 !important
}

.register-step1-p {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 31px !important;
    letter-spacing: 0 !important
}

.register-aside-header {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 23px;
    letter-spacing: 0;
    padding: 0;
    font-weight: unset !important
}

.register-topic-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    padding: 0
}

.register-select {
    font-family: DMSans-Regular;
    font-size: 18px;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 1px solid #e14504
}

.register-additional-info-header {
    color: #272727;
    font-family: DMSANS-REGULAR;
    font-size: 18px;
    padding: 0;
    letter-spacing: 0 !important
}

.register-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.register-step2-header {
    color: #272727;
    font-family: Montserrat-Medium !important;
    font-size: 18px;
    letter-spacing: 0 !important
}

.register-step2-sub-header {
    color: #000;
    font-family: Montserrat-medium;
    font-size: 18px;
    letter-spacing: 0
}

.Prev-Button {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    cursor: pointer !important
}

    .Prev-Button a {
        color: #c93600 !important;
        font-family: Montserrat-Medium !important;
        font-size: 14px !important;
        letter-spacing: 0 !important;
        cursor: pointer !important
    }

.register-step2-sub-description {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    top: -12px;
    line-height: 16.8pt;
    margin-top: 30px;
}

.register-question-header {
    color: #000 !important;
    font-family: DMSans-Medium;
    font-size: 15px !important;
    letter-spacing: .4px !important
}

.register-option-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-header {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-body, .register-previous-link {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.register-contine {
    color: #31251b;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.Activity-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Activity-Active-Panel {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Active-Percentage {
    color: #80bc00 !important;
    font-family: Montserrat-Medium !important;
    font-size: 25px !important;
    letter-spacing: 1.5px !important
}

.Activity-Recommended-Headings {
    color: #272727 !important;
    letter-spacing: .4px !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    margin-left: 0px !important;
    margin-top: -20px !important;
}

.Activity-Recommended-Modules {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    line-height: 16.8pt;
}

.Activity-Recommended-Modules-Inner-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-KeepLearning-Description {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    /*    padding-left: 30px;*/
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    margin-top: -5px !important;
}

.Activity-KeepLearning-Modules {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    vertical-align: middle;
    display: table-cell;
    line-height: 16.8pt;
    margin-left: 10px;
    margin-right: -15px;
}

.Activity-KeepLearning-Circle-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-Main-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Activity-Main-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Main-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Activity-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Module-Name {
    color: #fff !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .6px !important;
   /* border-top-left-radius: 8px;
    border-top-right-radius: 8px*/
}

.takeSelf-Assessment-text {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    letter-spacing: -3px !important
}

.take-screener-tab {
    color: #31251b !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.over-time-text {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100
}

.self-asessment-questions {
    color: #000 !important;
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    letter-spacing: .5px !important
}

.self-asessment-options {
    color: #000 !important;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt !important;
    letter-spacing: 0 !important;
    margin-bottom: 10px
}

.Profile-Options-Header {
    color: #000 !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    margin-bottom: 12px
}

.Profile-Snippet-Setup-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Snippet-Empty-Text {
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.selfAssessmentInDashboard .SelfAssessmentRegisterLink {
    display: none !important
}

.radio label {
    padding-left: 13px !important
}

.radio.registerLabel label {
    padding-left: 4px !important
}

.knowledgeCentre-padding-left-right {
    padding-left: 30px !important;
    padding-right: 30px !important
}

li.icon.open .menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    font-weight: unset !important
}

.Dashboard-FeatureSnippet {
    background: #fff5e8;
    color: #000;
    font-family: DMSANS-REGULAR;
    font-size: 33px;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    margin: 0
}

.tab-content .submittedPHQGAD p b {
    color: #fff !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.tab-content .submittedPHQGAD p a {
    font-family: DMSans-Medium !important;
    margin-top: 14px;
    width: 74%;
    padding: 7px 12px;
    background: #e14504;
    border-radius: 50px;
    color: white;
    border: 2px solid #e14504;
    border: none;
    text-transform: uppercase;
    font-size: 12pt !important;
    text-decoration: none;
}

.SelfAssessmentRegisterLink:hover {
    background-color: #ff0
}

.tab-content .submittedPHQGAD p {
    color: #fff !important;
    font-family: Montserrat-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-ViewSnippet {
    color: #000;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    pointer-events: initial;
    text-align: center;
    cursor: pointer;
    padding: 10px 10px 15px 25px
}

.Dashboard-Snippet-Heading {
    color: #000;
    font-family: "DM Sans Medium",sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.Dashboard-Snippet-Author {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Knowledge-Center {
    color: black !important;
    font-size: 33px;
    font-family: DMSans-Regular
}

.Dashboard-Completed {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Dashboard-Active-Module-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.Dashboard-Active-Button-LetsGet {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Navigation-Menu {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 13px !important;
    letter-spacing: 1px !important
}

.dashboard-Module-Heading {
    color: #272727 !important;
    font-family: DMSans-Regular !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.dashboard-Module-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.dashboard-Activity-ModuleActive {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.dashboard-Activity-ModuleActive-Percentage {
    color: #80bc00 !important;
    font-family: Montserrat-Medium !important;
    font-size: 25px !important;
    letter-spacing: 1.5px !important
}

.dashboard-Activity-ModuleActive-Continue {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Paused {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important
}

.dashboard-Activity-Module-Paused-Percentage {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Completed-Name {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Btn-View-All-Activity {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-calendar {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-username-text {
    /*   margin-bottom: 30px;*/
    margin-bottom: 0px;
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 45pt !important;
    line-height: 54pt !important
}

.today-tracking-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.slider-question-text {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-edit-setting {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.today-tracking-dropdown-quetion {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important
}

.today-tracking-low-high {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important
}

.submit-tracking-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.report-overview {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 18px !important;
    letter-spacing: 1px !important
}

.report-overview-margin {
    margin-left: 10px
}

.track-now {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.trackers-text {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.view-your-reports {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-edit-your-settings {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.dashboard-edit-your-settings-outer {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.empty-chart-message {
    color: #404040 !important;
    font-family: Montserrat-Regular;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.non-active-module-in-dashboard {
    height: 230px;
    border-radius: 6px
}

.dashboard-activity-panel-heading {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 20px !important;
    letter-spacing: .6px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.profile-self-assessment-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.profile-self-assessment-question-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Tracking-Empty-Heading {
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
}

.float-right {
    float: right
}

.your-treatment-1-day {
    display: table;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.your-treatment-7-day {
    margin-top: 15px;
    margin-bottom: 8px;
}

.your-14days-teatment {
    display: block;
}

@media only screen and (min-device-width :320px) and (max-device-width :424px) {
    .btn-continue {
        width: 40% !important;
        left: 62px !important
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        width: 286px !important
    }

    .btn-login {
        margin-left: -35%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Main-Heading {
        font-size: 30px !important
    }

    .mobilemarg {
        margin-left: 0
    }

    .mobilepad {
        padding-right: 5px
    }

    .margin-left-2px_mob {
        margin-left: 2px
    }

    .knowledgeCentre-InterestArea {
        text-align: center !important;
        padding-top: 13px !important;
        font-size: 12px !important
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .btnOrange {
        height: auto
    }

    .Dashboard-ViewSnippet {
        padding-top: 13px !important
    }

    .submit-tracking-button {
        padding-top: 6px !important
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) {
    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -5px !important;
        margin-left: 7px !important
    }

    h4.Dashboard-FeatureSnippet {
        letter-spacing: 0 !important;
        font-size: 21px !important
    }

    .Dashboard-Self-Assessment2-notatall-width-left {
        width: 22% !important;
        left: 0 !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-severaldays-width-left {
        width: 27% !important;
        left: 2px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-morethanhalf-width-left {
        width: 24% !important;
        left: 9px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-nearEvery-width-left {
        width: 24% !important;
        left: 2% !important;
        padding: 0 !important;
        font-size: 12px !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    .register-selfassessment .back-button button.btn.btnback {
        width: 90px !important
    }

    div.Knowledgecenter-img img {
        height: 300px !important
    }

    .lnkShowNextTab.text-center.position-absolute {
        top: 10px;
    }

    .container.tracking-pages.track-bg {
        height: 1600px
    }

    .extra-modules div.height-whitebutton {
        min-height: 65.79px !important;
        height: auto !important
    }

    div.core-module div.height-whitebutton1 {
        min-height: 65.79px !important;
        height: auto !important
    }

    .Activity-KeepLearning-Modules .circle {
        margin: 0 auto 10px
    }

    div.selfAssessmentInDashboard .selfAssessment {
        font-size: 28pt !important;
        padding-right: 17px
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 60px !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: -2px
    }

    div.first_question .btnNext.btnsize {
        width: 198px !important
    }

    .activity-container .Dashboard-ViewSnippet {
        padding: 10px 35px
    }

    .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 0;
        margin-bottom: 24px
    }

    .divscroll-height {
        height: auto !important
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .question div.round_img img {
        width: 100% !important
    }

    div.sleep-activity-bg-img.Communicating_clearly {
        background-size: 100% 29%
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 44% 25% !important;
        background-position: bottom 20px right 42px;
    }

    .sleep-landing-container.Building_calm._and._relaxation {
        min-height: 1750px
    }

    .activity-container div.ModuleButtonSpanB {
        width: 68%
    }

    div.dashboard-activity-panel-heading {
        height: auto !important;
        min-height: 62.2px !important
    }


    div.favouriteSnippets {
        height: auto;
        background-size: 360px 320px
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 80%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 30%;
        position: absolute;
        right: 0;
        background-position: bottom 20px right 0;
        bottom: 0
    }

        div.sleep-activity-bg-img.Increasing_Pleasurable_Activities {
            height: 75%
        }

    .sleep-landing-container {
        height: 1403px;
        background-size: 640px 50%
    }

        .sleep-landing-container.Man_Central {
            height: 2000px
        }

        .sleep-landing-container.Increasing_Pleasurable_Activities {
            height: 1500px
        }

        .sleep-landing-container.tracking_Unhelpful_Thinking.sleep-landing-container.tracking_Unhelpful_Thinking {
            height: 1770px
        }

    .ddlBirthYear .dropdown-menu {
        width: 90% !important
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48%;
        left: 50%
    }

    .mobile-self-assement-div .panel-body {
        width: 330px
    }

    div.background_light_blue .center-img {
        width: 319px;
        position: relative;
        left: 0;
        max-width: unset
    }

    div.width_71_mobile {
        width: 71%
    }

    div.width_29_mobile {
        width: 29%
    }

    .tab-content.Profile-Save-Button.button-orange {
        padding: 10px 40px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 70% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 59% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 70px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 70px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .desktop_row.mobileRow {
        width: 294px;
        margin-right: -15px !important;
        margin-left: -17px !important
    }

    .backgound-color-white div._idContainer1305 {
        transform: translate(134px,484.499px) rotate(0) skew(0) scale(.75,.9);
        width: 80%
    }

    .margin-top34-mob {
        margin-top: 30px
    }

    .mob-padding-left8px {
        margin-left: 8px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        margin-left: 0 !important;
        background-repeat-y: no-repeat !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left
    }

    .dark-orange a {
        font-size: 12px
    }

    .layoutsymptomModal {
        padding: 0 !important
    }

        .layoutsymptomModal .btn-White {
            margin-top: 5px !important;
            margin-left: 0 !important
        }

        .layoutsymptomModal .customskipbtn.btnPurple {
            margin-top: 10px !important;
            margin-left: 3% !important
        }

        .layoutsymptomModal .btnPurple {
            letter-spacing: 0 !important;
            margin-left: 0 !important
        }

    .symptomModal-dialog {
        margin-top: 28px !important;
        position: relative !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    h3.Profile-Tab-Heading {
        padding-left: 5px !important;
        letter-spacing: 0 !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
    }

    .report-overview-calendar {
        left: 90% !important;
        top: -30px !important
    }

    .labelMargin1-Left {
        margin-left: 1px !important
    }

    .labelMargin2-Left {
        margin-left: 30px !important
    }

    .labelMargin3-Left {
        margin-left: 31px !important
    }

    .labelMargin4-Left {
        margin-left: 30px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: 1px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 26px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 27px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 27px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label6Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 1px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 0 !important
    }
}

@media only screen and (min-device-width :350px) and (max-device-width :568px) {
    .margin-top34-mob {
        margin-top: 34px
    }

    .mob-padding-left8px {
        margin-left: 4px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background-repeat-y: no-repeat !important;
        margin-left: 0 !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left !important;
        padding-left: 15px !important
    }

    .width-120-per {
        width: 45% !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        margin-left: 0 !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 39px !important
    }

    .labelMargin3-Left {
        margin-left: 39px !important
    }

    .labelMargin4-Left {
        margin-left: 39px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -3px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 34px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 35px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 33px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 7px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 6px !important
    }
}

@media only screen and (min-device-width :410px) and (max-device-width :415px) {
    .mob-padding-left8px {
        margin-left: 10px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background: url(/Images/footer.png);
        background-repeat-y: no-repeat !important;
        height: 130px !important;
        margin-top: -50px !important;
        margin-bottom: -20px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 18px;
        float: left !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1px #e14504 Solid !important
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 41px !important
    }

    .labelMargin3-Left {
        margin-left: 46px !important
    }

    .labelMargin4-Left {
        margin-left: 47px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -7px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 40px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 38px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 40px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 10px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 10px !important
    }
}

.footerHome {
    height: 130px;
    margin-left: 130px;
    margin-top: -33px;
    margin-bottom: -20px;
    background-repeat-y: no-repeat
}

.padding-top-3 {
    padding-top: 3px
}

.margin-top-6-per {
    margin-top: 6%
}

.margin-top-4-per {
    margin-top: 4%
}

.radio .questionnaire-cr .cr-icon {
    position: absolute;
    font-size: 1.5em;
    line-height: 0;
    top: 60%;
    left: -4px
}

.radio label input[type=radio] + .questionnaire-cr > .cr-icon {
    transform: scale(1.5) rotateZ(0) !important;
    opacity: 1
}

.radio .questionnaire-cr .cr-icon {
    margin-left: unset;
    color: #888
}

.radio .questionnaire-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5;
    border-radius: 50%
}

input[type=radio]:checked ~ .questionnaire-cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.radio .register-cr .cr-icon {
    position: absolute;
    font-size: 1.4em;
    line-height: 0;
    top: 63%;
    left: -4px
}

.radio label input[type=radio] + .register-cr > .cr-icon {
    transform: scale(1.2) rotateZ(0) !important;
    opacity: 1;
    transition: all .3s ease-in
}

.radio .register-cr .cr-icon {
    margin-left: -.06em;
    color: #888
}

.radio .register-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 14px;
    height: 14px;
    margin-right: .5em;
    top: 2px;
    border: 1.5pt solid #e14504;
    border-radius: 50%
}

.login-rememberme input[type=checkbox]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -7.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

input[type=radio]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 14px;
    width: 14px;
    display: block;
    margin-top: -8.521px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.Learn-More-Text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 1px !important
}

.moveleft-web-15 {
    left: -15px
}

.healthcare-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.share-mycompass {
    margin-left: 1%
}

.knowledge-center-hr hr {
    border-top: 2px solid #eee
}

.module-keep-learning .table-bordered {
    border: 1px solid #e3f2f7;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.module-box-height {
    max-height: 1000px
}

.active-catagory {
    font-family: Montserrat-Bold !important
}

.trackingBox-dashboard {
    background-image: url(/Images/dashboard-graph-placeholder.png);
    height: 600px
}

.tracking-analysis ul li b.custom-color {
    color: #f37d31 !important
}

.border-radius-8 {
    border-radius: 8px
}

.width-70px {
    width: 70px !important
}

.width-nearly-77px {
    width: 77px !important
}

.register-selfassessment .rzslider {
    width: 97% !important
}

.SymptomScreenerQues2 .rzslider {
    width: 90% !important
}

.margin-left-3px {
    margin-left: -3px
}

.margin-left-88px {
    margin-left: 88px !important
}

.margin-left-74px {
    margin-left: 74px !important
}

.width-not-difficult-80px {
    width: 80px !important;
    left: -12px !important
}

.margin-somewhat-left-42 {
    margin-left: 42px !important
}

.margin-very-difficult-left-37px {
    margin-left: 37px !important
}

.width-extreme-difficult {
    width: 105px !important;
    left: 14px
}

.selfAssessment-not-at-all-left-5px {
    left: 14px !important
}

.selfAssessment-several-days-width-left {
    width: 90px !important;
    margin-left: 79px !important
}

.selfAssessment-more-than-left {
    left: 54px !important;
    width: 110px
}

.selfAssessment-nearly-left {
    left: 58px !important
}

.selfAssessment-not-difficul-width {
    width: 100px !important
}

.selfAssessment-somewhat-difficult-width {
    width: 100px !important
}

.selfAssessment-very-difficult-width {
    width: 100px !important;
    left: 128px !important
}

.selfAssessment-not-difficult-at-all-left {
    left: 67px !important
}

.selfAssessment-somewhat-difficult-left {
    width: 100px !important;
    left: 98px !important
}

.selfAssessment-extremely-difficult-width-left {
    left: 161px !important
}

.symptomScreener-not-at-all-width-left {
    width: 58px !important;
    left: 41px !important
}

.symptomScreener-several-days-width-left {
    width: 90px !important;
    left: 142px !important
}

.symptomScreener-more-than-width-left {
    width: 135px !important;
    left: 198px !important
}

.symptomScreener-nearly-width-left {
    width: 115px !important;
    left: 255px !important
}

.symptomScreener-not-difficult-width-left {
    width: 120px !important;
    left: -79px !important
}

.symptomScreener-somewhat2-width-left {
    width: 120px !important;
    left: -37px !important
}

.symptomScreener-verydifficult2-width-left {
    width: 120px !important;
    left: -19px !important
}

.symptomScreener-extremelydifficult2-width-left {
    width: 120px !important;
    left: 19px !important
}

.symptomScreener-Questionnaire2-notatall-width-left {
    width: 70px !important;
    left: -6px !important
}

.symptomScreener-Questionnaire2-severaldays-width-left {
    width: 105px !important;
    left: 60px !important
}

.symptomScreener-Questionnaire2-morethanhalf-width-left {
    width: 135px !important;
    left: 97px !important
}

.symptomScreener-Questionnaire2-nearEvery-width-left {
    width: 110px !important;
    left: 126px !important
}

.symptomScreener-Questionnaire3-notdifficult-width-left {
    width: 130px !important;
    left: -35px !important
}

.symptomScreener-Questionnaire3-somewhat-width-left {
    width: 105px !important;
    left: 0 !important
}

.symptomScreener-Questionnaire3-verydifficult-width-left {
    width: 100px !important;
    left: 53px !important
}

.symptomScreener-Questionnaire3-extremedifficult-width-left {
    width: 130px !important;
    left: -12px !important
}

.z-index-1 {
    z-index: 1
}

.selfAssesmentResultModal-dialog {
    margin-top: 5%;
    background: #fff
}

.selfAssesmentResultModal-header {
    padding: 8px;
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-body p {
    font-size: 13px
}

.selfAssesmentResultModal-footer .btn, .selfAssesmentResultModal-footer .btn:hover {
    color: #31251b !important;
    font-family: DMSans-Regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    text-align: center !important
}

.selfAssesmentResultModal-footer {
    border-top: none
}

.accordion-bgcolor {
    background-color: #e3f2f7;
    border: 1px solid #ddd
}

.accordion-collapse-in-bgcolor {
    background-color: #fff
}

.accordion-content-padding {
    padding: 20px 30px !important;
    font-size: 20pt;
    font-family: DMSans-Regular
}

.accordion-collapse-in-bgcolor span > ul {
    background-color: #fff;
    padding: 5px 15px !important
}

.accordion-tabbed-collapse-in-bgcolor {
    background-color: #fff
}

.padding-right-15px {
    padding-right: 15px !important
}

.padding-left-right-30px {
    padding-left: 30px;
    padding-right: 30px
}

.padding-home-button {
    padding: 8px 0 8px 0;
    background: 0 0;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    border-radius: 34px;
    margin-left: -20%;
    width: 76% !important;
    border: 2px solid #e14504
}

.padding-share-button {
    padding: 18px 0 18px 0;
    box-shadow: 0 1px 2px 0 #888;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    width: 90%;
    margin-top: 10px
}

.margin-top-home {
    margin-top: 30px !important
}

.about-home-content ul li.tabFive, .about-home-content ul li.tabFour, .about-home-content ul li.tabOne, .about-home-content ul li.tabThree, .about-home-content ul li.tabTwo {
    font-size: 12px !important;
    font-family: Montserrat-Medium !important
}

.about-home-content ul {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.about-home-content span:not(span.faicon) {
    font-size: 20pt;
    font-family: DMSANS-REGULAR !important
}

.about-home-content .accordion-content {
    font-size: 20pt;
    font-family: Montserrat-Medium !important
}

    .about-home-content .accordion-content ul {
        padding: 0 15px !important;
        font-size: 18pt;
        font-family: DMSans-Regular !important
    }

.about-home-content a.tab-anchor span {
    font-size: 14px;
    font-family: DMSans-Regular !important
}

.about-home-content span p b {
    font-family: DMSans-Regular !important;
    font-weight: unset !important
}

.home-content-font-size-12px {
    font-size: 12px !important
}

.home-graph-margin-left {
    margin-left: 14% !important
}

.home-graph-margin-bottom {
    margin-bottom: 20px !important
}

.home-green-content-height {
    height: 100px
}

.AboutPro.media .media-body, .AboutPro.media .media-left {
    display: table-cell;
    vertical-align: unset !important;
    padding: 5px 0 5px 0 !important
}

.AboutPro.media .media-right {
    padding: 10px 0 0 0 !important
}

.AboutPro-Img-Width {
    width: 100% !important
}

div .custom-anchor p a {
    word-break: break-all !important
}

.pad-left-20px {
    padding-left: 25px !important
}

.customNav .nav-tabs > li > a {
    margin-right: unset !important;
    border-radius: unset !important;
    height: 50px !important
}

.customNav ul {
    margin-bottom: -9px !important
}

.customNav .tab-content .active {
    padding-top: 20px !important
}

.customNav .padding-bottom-20px {
    padding-bottom: 20px !important
}

.customNav .padding-left-20px {
    padding-left: 20px !important
}

.customNav .tabOne {
    width: 25%;
    text-align: center
}

.customNav .tabTwo {
    width: 23%;
    text-align: center
}

.customNav .tabThree {
    width: 20%;
    text-align: center
}

.customNav .tabFour {
    width: 12%;
    text-align: center
}

.customNav .tabFive {
    width: 20%;
    text-align: center
}

.customNav .tab-content .active.in {
    margin-top: 10px !important
}

.customNav .nav-tabs {
    border-bottom: unset !important
}

.moreinfo-font {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.mob-margin-top-30 {
    margin-top: 30px
}

.unsubscribe-setup {
    background-color: #e3f2f7
}

.Unsubscribe-Button, Unsubscribe-Button :hover {
    background: #31251b;
    color: #b7b3af;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    padding: 8px 0 8px 0;
    box-shadow: 0 1px 2px 0 #888;
    cursor: pointer;
    border-radius: 3px
}

.tracking-margin-top-20px {
    margin-top: 20px
}

.padding-top-35 {
    padding-top: 35px
}

.dashboard-progress-bar {
    margin-right: 3%
}

.snippet-notification-setup .form-control[disabled] {
    background-color: #fff
}

.tracking-reminder-setup .form-control[disabled] {
    background-color: #fff
}

.dashboard-progress-row {
    padding-top: 28px
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.activity-progress-row {
    padding-top: 26px
}

.modalResetPassword .modal-body p {
    color: #000;
    font-family: Montserrat-Regular
}

.reset-password-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px;
    letter-spacing: 2px !important
}

.margin-bottom-174px {
    margin-bottom: 174px !important
}

.layoutsymptomModal .symptomModel-header h3 {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.layoutsymptomModal .symptomModel-header {
    padding: 15px 0 0 0
}

.layoutsymptomModal .modal-body {
    padding: 15px !important;
    color: #000 !important;
    font-family: Montserrat-Medium !important
}

.layoutsymptomModal {
    padding-right: 0 !important
}

.QuestionnaireRadio .radio label {
    padding-left: 8px !important
}

.Register-Radio-Required {
    margin-top: -10px;
    margin-left: -25px
}

.Register-Radio-Required2 {
    margin-top: -25px;
    margin-left: -25px
}

.Register-Radio-Required3 {
    margin-top: -15px;
    margin-left: -25px
}

@media only screen and (min-device-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .mobilepad {
        padding-right: 5px
    }

    .healthCareHeight {
        line-height: unset
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .report-overview-calendar {
        width: 8% !important;
        left: 90% !important
    }

    .center-img, .imgmobwidth95per, img.width-100-per-mobile {
        width: 100% !important
    }

    .forgot-password-input input, .logininput, .resetPasswordInput input, input, select, textarea {
        max-width: unset !important
    }

    .or {
        left: 48% !important
    }

    .mob-footer.footermargin {
        margin-left: 0;
        width: 33.33333%
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .ipad-remove-padding {
        padding: 0 !important
    }

    .padding-home-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: 6%;
        width: 90% !important
    }

    .home-green-content-height {
        height: unset
    }

    .ipad-margin-top-about {
        margin-top: 94px !important
    }

    .ipad-margin-top-about {
        margin-top: 0 !important;
        width: 35%
    }

    .Screenshot3-image-margin img {
        position: relative;
        top: 21px;
        left: 13px
    }

    .Screenshot1-image-margin img {
        position: relative;
        top: -36px;
        left: -32px
    }

    .ipad-clear-both {
        clear: both
    }

    .margin-left-9per {
        margin-left: 26%;
        margin-right: 23%
    }

    div.landing-get-satarted {
        width: 33% !important;
        left: 33%
    }

    .footerHome {
        height: auto !important
    }

    .header-right {
        float: left
    }

    .navbar-header {
        float: none;
        min-height: 15px;
    }

    .myCompassImg {
        width: 250px !important
    }
}

@media (min-width:1024px) {
    .padding {
        padding: 7px 15px 15px 15px !important
    }

    margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
    /*    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }*/

    .mobilemarg {
        margin-left: 8.33%
    }

    .btnOrangeTopPad {
        padding-top: 15px
    }

    .circle div {
        position: absolute;
        top: 24px;
        left: 10px;
        width: 90%;
        text-align: center;
        line-height: 40px;
        font-size: 25px;
        color: #ca3f0c
    }

    .circle span {
        position: absolute;
        top: 41px;
        left: -5px;
        width: 95%;
        text-align: center
    }

    .imgTablet {
        width: 50%;
        margin-left: 22%
    }

    .tab-img-width50per {
        width: 50% !important;
        margin-left: 22%
    }

    .border-right-registration {
        border-right: none
    }

    .reg-or {
        display: none
    }

    .padding-trackingsetup {
        padding: 15px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 2%;
        padding-top: 2px
    }
}

@media (min-width:1024px) {
    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    div.container.footerHome.removeRow {
        padding: 0 100px !important
    }

    .Profile .ipad_left_16 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    button.Profile-Save-Button.button-orange {
        padding: 8px 2px !important;
        margin-right: 0 !important;
    }

    div.Profile .Profile-Detail-inputs {
        max-width: 100% !important
    }

    div.ipad-margin-left-0 {
        margin-left: 0;
    }

    p.myCompass-text1-color {
        width: 500px;
    }

    div.first_question {
        left: 0 !important;
    }

    .Profile .self-assement-panel-body div.first_question {
        float: right;
    }

    .navbar-right .dropdown-menu.Register_loign {
        left: -162px !important
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 58px !important
    }

    .inner-completed {
        padding: 6px 0 !important
    }

    div.height-whitebutton {
        height: 75.79px !important;
    }

    .dashboard .completed-activities-main-div div.height-whitebutton {
        height: 100px !important;
    }

    .dashboard .inner-completed {
        height: 100px !important;
    }

    .sleep-landing-container.Managing_fear_and_anxiety {
        height: 1000px;
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 100% 100%
    }

    .form-control.mobilenumber-border-orange {
        width: 158px !important
    }

    .register-select-option {
        width: 162px !important
    }

    div.sleep-activity-bg-img.Communicating_clearly {
        background-size: 50% 80%
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    div.progressbar.progressbarInButton {
        margin: 12px 0 0 0
    }

    .Activity-Landing-Description.smart {
        width: 46%
    }

    div.sleep-activity-bg-img.Building_calm._and._relaxation {
        background-size: 64% 70%
    }

    .sleep-activity-bg-img.tracking_Unhelpful_Thinking {
        background-size: 82% 64%
    }

    div.sleep-activity-bg-img {
        width: 50%;
        height: 50%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 82% 70%;
        position: absolute;
        right: 0;
        background-position: bottom 30px right 72px;
        bottom: 0
    }

    div.PrimaryGraphics {
        min-height: 480px;
        background-size: 50% 100% !important
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        height: 1000px;
        background-size: 100%
    }

    div.sleep-landing-container.Man_Central {
        height: 1200px
    }

    div.col-xs-6 span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin: 0
    }

    div.col-xs-6 span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        width: 88% !important;
        margin: auto 0
    }

    .ipad-view-hide {
        display: none
    }

    .mobile-self-assement-div .panel-body .tab-content {
        height: auto !important;
        min-height: 381px;
        margin-bottom: 20px;
    }

    .suicidalFeedback .ShowSuicidalFeedback-message-div {
        width: 100% !important;
    }

    .suicidalFeedback {
        width: 100% !important;
    }

        .suicidalFeedback .btn-Continue-from-your-responses {
            float: none;
            font-size: 18pt !important;
        }

    .mobile-self-assement-div .Profile-Save-Button {
        font-size: 18pt !important;
    }

    .youngpeople-width {
        width: 240px
    }

    .carousel_div {
        margin-left: 22px
    }

    div.mobileRow.HomePage.padding_left_20_desktop.carousel_row.landing {
        margin-left: 0 !important
    }

    .getstartedIn5-text {
        padding-left: 40px
    }

    .Home_Splash_div {
        width: 100% !important
    }

    .mobile-self-assement-div .panel-body {
        padding: 0;
        width: 100% !important
    }

    .takeSelf-Assessment-desc {
        padding-right: 40px
    }

    .register-selfassessment .questionnairSurvey, .symptomScreener .questionnairSurvey {
        margin-right: 0px;
        width: 68%;
        padding-right: 15px !important;
    }

    .symptomScreener .btn.btnNext.btnsize, .symptomScreener .btn.btnback.btnsize {
        width: 200px !important;
    }

    .register-selfassessment .questionnairSurvey .answer-options label, .symptomScreener .questionnairSurvey .answer-options label {
        width: 100% !important;
        font-size: 14pt !important;
    }

    .symptomScreener .row.questionnaireBackground {
        display: none;
    }

    .user-self-assessment .selfAssessment_question_div .padding100right {
        padding-right: 20px !important;
    }

    .user-self-assessment .takeSelf-Assessment-desc {
        padding-right: 0px
    }

    .user-self-assessment .selfAssessment_text_div {
        width: 25%;
    }

    .user-self-assessment .selfAssessment_question_div {
        width: 75%;
    }

    .featureSnippet.self-assesment {
        background-image: none !important;
    }

    .tab-content p.padding_10 {
        width: 100% !important
    }

    button.Profile-Save-Button.button-orange {
        padding: 12px 2px;
        margin-right: 0 !important
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        padding: 10px 2px;
        height: 44px !important;
    }

    div.Profile-Save-Button.button-orange.landing-self-back {
        padding-top: 10px !Important;
    }

    div.tracking-graph-container .add-an-entry {
        font-size: 14.096pt;
    }

    .col-xs-12.next-btn, .col-xs-12.text-right, .padding_top_bottom_20 .col-xs-12 {
        width: 31%;
        padding: 0;
        padding-left: 10px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .landing_self_assesment .padding100 {
        padding-left: 0 !important
    }

    div.main-header-logo {
        padding-left: 15px;
    }


    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 32px !important
    }

    .inner {
        height: 82px !important
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 15px;
        margin-bottom: 10px
    }

    div.sleep-landing-container.Managing_fear_and_anxiety {
        height: 1400px
    }

    div.container.footerHome.removeRow {
        padding: 0 20px !important
    }

    .module-keep-learning .table-bordered {
        padding: 0 20px !important
    }

    div.progressbar.progressbarInButton {
        margin: 0 -24px 0 0 !important
    }

    .module-Container div.progressbar.progressbarInButton {
        margin: 5px -24px 0 0 !important
    }

    .padding.otherModulesBox {
        padding-right: 15px
    }

    .progress-div-line.sleep {
        width: 38% !important;
        margin-top: 18px !important;
        background-color: #e14504
    }

    div.progress-div {
        width: 8%;
        height: 42px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    div.sleep-activity-bg-img {
        width: 100%;
        height: 70%;
        background-image: url(../../Images/Sleep.png);
        background-repeat: no-repeat;
        background-size: 100% 60%;
        position: absolute;
        right: 0;
        background-position: bottom 30px right 0;
        bottom: 0
    }

    div.row.PrimaryGraphics {
        background-size: 100% 65% !important
    }

    div.row.activity-module-container {
        height: 770px !important
    }

    div.row.activity-module-container {
        background-size: 100% 67%
    }

    .sleep-landing-container.smart {
        height: 1900px
    }

    .sleep-landing-container {
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 1570px 90%;
        height: 1500px
    }

    .col-xs-5.next-btn {
        padding-left: 15px !important
    }

    .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 210px !important;
        margin-top: 15px;
        float: right;
        height: 44px !important;
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        width: 210px !important;
        margin-top: 15px;
        float: left;
        height: 44px !important;
        padding-top: 10px !important;
    }

    div.row.PrimaryGraphics {
        background-size: 100% 42% !important
    }

    a.text-center.get-started-button.getstartedbutton.ng-binding {
        float: left
    }

    div.ModuleButtonSpanB {
        width: 85%
    }

    div.ModuleButtonSpan {
        width: 90% !important
    }

    .tab-content.backgorund-yellow {
        padding: 20px !important;
        padding-left: 25px !important;
        width: 650px !important;
    }

    .row.knowledgeCentre {
        padding: 20px 20px 0 40px !important
    }

    .favoriteSnippet_owl_carousel div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 10px !important
    }

    .Snippets-Your-Favourite.mob-margin-left-3per {
        margin-left: -1% !important
    }

    .snippet_About_DropDown_div .margin-left-about {
        margin-left: 0
    }

    .favoriteSnippet_owl_carousel div.owl-nav .glyphicon.glyphicon-chevron-right {
        left: 0;
        top: 10px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 60px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 38px;
        left: 85px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 67px;
        top: 60px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 38px
    }

    .Home_Splash_button {
        width: 40% !important;
        padding: 12px !important
    }

    .Home_Splash_Man {
        width: 50% !important;
        margin-top: -428px !important;
        margin-left: 400px !important
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .Snippet_header {
        top: 10px;
        position: relative
    }

    div.browseSnippets {
        background-size: 432.09px 320.52px,1361.56px 976.28px
    }

    .padding_right_0_Ipadpro {
        padding-right: 0 !important
    }

    .Motivational.motivational-message {
        margin-left: -55px
    }

    .Fast.motivational-message {
        margin-left: -60px
    }

    div.container.footerHome.removeRow {
        padding: 0 20px !important
    }

    div.progressbar.progressbarInButton {
        margin: 0
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 194px;
        width: 377px
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100%
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }

    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    /*    .ipad-hide {
        display: none
    }*/

    .healthCareHeight {
        letter-spacing: .8px !important
    }

    .box-height {
        height: 300px
    }

    .clearline-Activities {
        border: 1px solid #eaeced;
        /*   margin-top: 20px*/
    }

    .btnOrange {
        height: 50px
    }

    .Dashboard-ViewSnippet {
        padding-top: 13px !important
    }

    .submit-tracking-button {
        padding-top: 13px !important;
        width: 55%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .padding5 {
        padding: 0 20px 10px 0
    }

    .knowledgeCentre-IntrestAreaTopics {
        padding-top: 13px !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .treatment.iconset img {
        width: 100%
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .margin-left-9per {
        margin-left: unset
    }

    .Screenshot1-image-margin {
        text-align: start;
        margin-right: 110px;
        margin-top: -49px
    }

    .Screenshot3-image-margin img {
        position: relative;
        left: 55px
    }

    .ipad-width-100-per {
        width: 100%
    }

    .TabViewRow {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    /*    .footer-elements div:nth-child(1) {
        width: 12%
    }

    .footer-elements div:nth-child(2) {
        width: 13%
    }

    .footer-elements div:nth-child(3) {
        width: 15%
    }

    .footer-elements div:nth-child(5) {
        white-space: nowrap
    }*/

    .navbar-nav > li {
        float: left;
        /*   margin-left: 10px*/
    }

    .footer-menu {
        letter-spacing: 0 !important;
        font-size: 13px !important
    }
}

.navbar-default .navbar-toggle {
    border: 0;
    float: right !important
}

.navbar-header {
    margin-bottom: 15px
}

#userNav {
    padding: 15px
}

.navbar-nav > li {
    padding: 0 5px
}

.mobile-self-assement-tabs {
    display: inline-block
}

@media (max-width:767px) {
    .pause_activtiy {
        margin-bottom: 20px;
    }

    .factor_tracking_div.only_one_item {
        display: flex !important;
        justify-content: center;
    }

    div.sleep-activity-bg-img.Taking_Charge_Of._Worry {
        height: 25%;
    }

    .crisis_Support.contactUs-container.common-header .header1 {
        line-height: 32pt;
        vertical-align: middle;
        padding-top: 50px !important;
        padding: 9%;
        height: 200px !important;
    }

    .visible-xs-block {
        display: none !important
    }

    .Knowledge .circle canvas {
        height: 100% !important;
        width: 100% !important;
        max-width: 170px
    }

    .text-xs-left {
        text-align: left
    }

    div.section-1 label, div.section-2 label, div.section-3 label, div.section-4 label {
        margin-top: 15px;
        margin-bottom: 40px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .text-xs-right {
        text-align: right
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-justify {
        text-align: justify
    }

    .pull-left-xs {
        float: left
    }

    .pull-right-xs {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .mobile-self-assement-tabs li, .mobile-self-assement-tabs li a {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .resultselfpadding1 {
        padding: 19px 40px 33px 23px !important;
        margin-top: -22px
    }

    .Knowledge .btn-return-to-dashboard-div {
        margin-left: 140px !important
    }

    .padding-trackingsetup {
        padding: 10px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-top: 10px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }

    .pull-left-sm {
        float: left
    }

    .pull-right-sm {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }
}

@media (min-width:992px) {
    .text-align-left.Home_Splash-text-width {
        padding-left: 12px !important
    }

    .Home_Splash_Hill {
        width: 95% !important;
        padding-top: 60px
    }

    .Home_Splash_Man {
        width: 70% !important
    }
}

@media only screen and (max-width:768px) {
    .Home_Splash_Man {
        position: initial !important
    }

    .register-select {
        width: 286px !important;
    }


    .Knowledgecenter-img img {
        padding-left: 15px;
        width: 300px !important;
        border-radius: 50% !important;
        height: 300px !important;
    }

    .container.only-for-tracking-pages {
        padding: 0
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    .SelfAssessment-SeveralDays-Description {
        padding: 0
    }

    .Activity-Active-PanelFooter {
        margin-top: 0
    }

    .activeModulePannel .panel-body {
        height: 300px
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .Home_Splash_Man {
        float: right
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .jumpToInfo-buttons {
        line-height: 48px;
        background: #f7f7f7;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 100%
    }

        .jumpToInfo-buttons div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
}

@media (min-width:1200px) {
    .activeModulePanelDashboard .progressbar.dashboard-progress-bar .circle {
        margin: 30px auto 5px
    }

    .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 10px;
    }

    .main.Activity-Recommended-Modules-circle .circle.circleInButton {
        margin: 20px 0px 20px 22px;
    }

    .main.Activity-KeepLearning-Modules-circle .circle.circleInButton {
        margin: 20px 0px 25px 0px;
    }

    .body-content-home .btn-Continue-from-your-responses {
        margin-right: 20px;
        margin-top: 20px;
    }

    .registration-body .btn-Continue-from-your-responses {
        margin-right: -200px;
        margin-top: 60px;
        float: right;
    }


    .tracking-pages-recommended-Modules .height-whitebutton1 {
        height: 57.79px !important;
    }

    .only-for-tracking-pages .container.tracking-pages.track-bg {
        min-height: 557px !important;
    }

    .row.trackingAnalysis {
        min-height: 500px;
    }

    .only-for-tracking-pages .container.tracking-pages {
        min-height: 590px !important;
    }

    .tracking-pages-recommended-Modules .height-whitebutton1 .inner {
        height: 57.79px !important;
    }

    .basicModuleBox .inner .width-2-per.margin-floatright20 {
        margin-right: -50px !important;
    }

    .basicModuleBox .progressbarInButton {
        margin: 8px 0px -31px 38px;
    }


    .ShowSuicidalFeedback-message-div {
        width: 650px;
    }

    .ShowSuicidalFeedback-message-div-home {
        width: 650px;
    }

    div.Profile .modal-contentQuestionnaire, .modalResetPassword.modal-contentQuestionnaire, .shareMyCompassModal.modal-contentQuestionnaire {
        height: 200px;
        width: 400px !important;
    }

        div.Profile .modal-contentQuestionnaire, .modalResetPassword.modal-contentQuestionnaire, .shareMyCompassModal.modal-contentQuestionnaire.ProfileQuestionnair {
            height: 200px;
            width: 400px !important;
            /* height: 250px;
        width: 700px !important;*/
        }


    .profileselfassessmentModal.modal-contentQuestionnaire.ProfileModal-dialog {
        height: auto;
        width: 760px !important;
    }

    .Profile .ProfileModalbody, .modalResetPassword .ProfileModalbody, .shareMyCompassModal .ProfileModalbody {
        margin-top: 60px;
        margin-bottom: 30px !important;
    }

    .padding-left-right-100 {
        padding-left: 100px !important;
        padding-right: 100px !important
    }

    .margin_left_30_persent {
        margin-left: 30%
    }

    div.knowledge-header .description {
        padding: 0 225px
    }

    .Snippet-Browse-Description p {
        width: 55%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -77px
    }

    .motivational-message.Fast {
        margin-left: -44px
    }

    .padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .module-keep-learning .panel-group {
        margin-bottom: 160px
    }

    div.dot-progress-bar {
        width: 232px;
        margin: auto
    }

    .activities .otherModulesBox .whiteButton {
        padding: 30px 32px 30px 15px
    }

    .otherModulesBox .extra-modules .whiteButton {
        padding: 0;
        padding-left: 5px
    }

    .printable-brochures-main-div {
        position: relative;
        top: -127px
    }

    div.sleep-activity-bg-img {
        background-position: bottom 55px right 65px
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100% !important
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 197px;
        width: 383px
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }

    .tracking-page.progress-main-div {
        margin: 0 auto;
        float: none
    }

    .col-md-10.dasbord.dot_image {
        left: -30px
    }

    .symptomModal-dialog.container {
        padding-left: 0;
        width: 52%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        padding: 5px 145px 5px 0 !important
    }

    .carousel_div {
        left: 42px;
        position: relative;
        bottom: 20px;
        margin-top: 20px
    }

    .owl-carousel {
        padding: 10px 0
    }

    .carousel_row {
        margin-left: -15px
    }

    div.footer-elements {
        padding-left: 0;
        margin-top: 32px
    }

    div.knowledgeCentre {
        padding: 50px 10px 10px 0
    }

    div.dot_image {
        left: -93px
    }

    .padding_left_100 {
        padding-left: 100px !important
    }

    div.iconset .treatment-play-icon {
        left: 50%;
        top: 65%;
    }

    .desktop_margin_top_40 {
        margin-top: 40px
    }

    .background_light_blue {
        padding: 50px 0
    }

    div.image-margin {
        margin-left: -52px;
        margin-right: 0
    }

    .treatment_img {
        /*  height: 324px;
        width: 754px*/
        height: 285px;
        width: auto !important;
    }

    .YourDashboard {
        padding: 20px 5px !important
    }

    img._idGenObjectAttribute-Login {
        left: 45px
    }

    img._idGenObjectAttribute-Profile {
        left: 45px
    }

    img._idGenObjectAttribute {
        left: 47px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 3px;
        padding: 0 4px;
        margin-top: -57px
    }

    .display_none_mobile {
        display: block
    }

    .display_none_desktop {
        display: none
    }

    img.myCompassImg {
        width: 240px !important
    }

    ul.navbar-right {
        margin-right: 1px;
    }

    li.professional.margin_right_14_desktop {
        margin-right: 14px
    }

    div.foote_desktop_row {
        margin-top: 20px;
        padding-bottom: 10px
    }

    .col-md-3.width_27_desktop {
        width: 27%
    }

    .padding_right_0_desktop {
        padding-right: 0
    }

    .padding_left_0_desktop {
        padding-left: 0
    }

    .hear_from {
        padding-left: 30px
    }

    .width_150 {
        width: 150px
    }

    .getstartedIn5-text {
        padding: 0 27px
    }

    .text-lg-left {
        text-align: left
    }

    div.mobileRow {
        width: 100%
    }

        div.mobileRow.carousel_row {
            width: 103%
        }

    .desktop_row {
        width: 100% !important
    }

    div.jumpToInfo {
        padding: 10px 32px 10px 32px
    }

    padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .imgmobwidth95per {
        height: 180px;
        width: 180px
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1, .section-2, .section-3, .section-4 {
        padding-top: 40px
    }
}

.Activity-Landing-Session-Description ul {
    -webkit-padding-start: 18px !important
}

.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none
}

.table-bordered .faicon .custom-fa {
    font: normal normal normal 18px/1 FontAwesome !important;
    padding-right: 0 !important
}

div.dashboard.selfassestextsizehead h2 {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset
}

.PageHeaderContent {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    width: 100%;
    text-align: center
}

.jump-to-topic .jumpToTopicIconBar {
    display: inline
}

    .jump-to-topic .jumpToTopicIconBar .icon-bar {
        width: 18px;
        color: #d2582c
    }

.jump-to-topic .width-120-per {
    width: 120%
}

.jump-to-topic .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: red;
    margin-top: 2px
}

.jump-to-topic .spanJumpToTopic {
    float: right;
    display: inline;
    margin-top: -15px;
    margin-left: 0;
    font-family: Montserrat-SemiBold;
    cursor: pointer;
    font-size: 12px;
    color: #777
}

.jump-to-topic .dropdown-menu {
    margin-top: 0;
    padding: 0;
    left: 7px !important;
    min-width: 170px !important
}

.jump-to-topic li:hover {
    text-decoration: underline !important;
    cursor: pointer
}

.jump-to-topic li {
    padding: 5px;
    text-decoration: none !important
}

    .jump-to-topic li.active {
        font-weight: 700
    }

ul.jump-to-topic {
    margin-top: -16px
}

.text-center.myCompass img {
    width: 320px;
    height: 37px
}

@media (min-width:320px) and (max-width:330px) {
    .about-home-content .accordion-content {
        padding: 15px
    }

    .AboutPro.media .media-left, div.AboutPro.media .media-body {
        padding: 5px 30px 10px 0 !important;
    }

    .about_SelfAssessment div.accordion-content-padding {
        padding: 0px 11px !important
    }

    div.about_SelfAssessment .feature_mycompass .accordion-heading {
        font-size: 12pt;
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 2px !important
    }

    .about_SelfAssessment .Profile-Tab-Heading {
        padding-left: 15px;
        width: 100%;
        word-break: break-word
    }

    div.snippet_About_DropDown_div {
        padding-left: 15px;
        margin-left: 0
    }

    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -14px !important;
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_30 {
    margin-top: 30px
}

.try_activity_button {
    padding: 8px 26px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    font-size: 14pt;
    line-height: 16pt
}

.center-block.center-img {
    max-width: 100%
}

._idContainer1194 {
    -ms-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 315.34px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 45%
}

._idContainer1195 {
    z-index: 1;
    -ms-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 65.46px;
    left: 0;
    top: 0PX;
    position: absolute;
    width: 14%;
    transform: translate(171.078px,-2px) rotate(2deg) skew(0) scale(1,1)
}

._idContainer1196 {
    -ms-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 286.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    transform: translate(20px,37.235px) rotate(0) skew(5deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 47%
}

._idContainer1197 {
    -ms-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 338.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    transform: translate(174px,84.256px) rotate(0) skew(-3deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 67%
}

._idContainer1198 {
    -ms-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 170.32px;
    left: 109px;
    position: absolute;
    top: 0;
    transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    transform: translate(104.221px,34.437px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32%
}

._idContainer1199 {
    -ms-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.08px;
    left: 0;
    position: absolute;
    top: -9px;
    transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(229.105px,-6px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 15%
}

._idContainer1200 {
    -ms-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 432.99px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60%
}

._idContainer1201 {
    -ms-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 130.74px;
    left: -21px;
    position: absolute;
    top: 0;
    transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    transform: translate(536.05px,287.141px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 58%
}

._idContainer1202 {
    -ms-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 224.49px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,23.686px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 59%
}

._idContainer1203 {
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 69px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(141.776px,5px) rotate(0) skew(4deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 20%
}

._idContainer1204 {
    -ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 272.44px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(82.274px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1205 {
    -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 110.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(189.513px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 28%
}

._idContainer1206 {
    -ms-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 275.17px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 46%
}

._idContainer1207 {
    display: contents;
    -ms-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 458.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1208 {
    -ms-transform: translate(-.001px,100px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1018.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 417.5px !important;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

div._idGenObjectAttribute-14 {
    height: 501px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

div._idGenObjectStyle-Disabled {
    background-color: transparent;
    border-width: 0
}

img._idGenObjectAttribute-2 {
    left: 0;
    position: absolute;
    top: 0;
}

img._idGenObjectAttribute-1 {
    height: 100%;
    min-width: 100%;
    width: 100%
}

._idTextSpan1849 {
    left: 0;
    color: #e14504;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 54px
}

.myCompassdiv {
    top: 144.39px
}

.get_started {
    padding: 6px 20px 6px 20px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504
}

.personalised {
    color: #e14504;
    font-size: 15px
}

._idContainer1305 {
    -ms-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1098.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 440px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 430px
}

div._idGenObjectAttribute-16 {
    height: 476px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 430px
}

._idContainer1304 {
    -ms-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 311.13px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    transform: translate(64.717px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 238.28px;
    overflow: hidden
}

._idContainer1286 {
    -ms-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 47.26px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 19.25px
}

._idContainer1287 {
    -ms-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 238.64px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 80.94px
}

._idContainer1288 {
    -ms-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 190.8px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 115.03px
}

._idContainer1289 {
    -ms-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 29.44px
}

._idContainer1290 {
    -ms-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 85.07px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.85px
}

._idContainer1291 {
    -ms-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.39px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.47px
}

._idContainer1292 {
    -ms-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 151.83px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 87.51px
}

._idContainer1293 {
    -ms-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 58.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 30.6px
}

._idContainer1294 {
    -ms-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 67.86px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 48.15px
}

._idContainer1295 {
    -ms-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 56.15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(65.459px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 68.12px
}

._idContainer1296 {
    -ms-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 12.84px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 5.08px
}

._idContainer1297 {
    -ms-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 147.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 70.44px
}

._idContainer1298 {
    -ms-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 8.87px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 44.13px
}

._idContainer1299 {
    -ms-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 43.68px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.68px
}

._idContainer1300 {
    -ms-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 107.6px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60.19px
}

._idContainer1301 {
    -ms-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 134.57px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100.61px
}

._idContainer1302 {
    -ms-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 84.5px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 83.01px
}

._idContainer1303 {
    -ms-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.37px
}

._idContainer1285 {
    -ms-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 31.91px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32.21px
}

.self_asessment_answer {
    display: none
}

.self_asessment_lable {
    cursor: pointer;
    color: #000
}

p.padding_20 {
    padding: 20px;
    height: 31px;
    margin-bottom: 10px
}

.Profile-Save-Button.button-orange {
    width: 74%;
    padding: 10px 0;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    color: #e14504 !important;
    border: 2px solid #e14504;
    text-transform: uppercase;
    margin-left: 0
}

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        float: right
    }

.backgorund-yellow {
    background: #fff5e8
}

.color-dark-brown {
    border-bottom: 1px solid #e14504
}

.myCompass-made-me {
    padding-left: 21%;
    padding-right: 21%;
    padding-top: 12%
}

.best-of-all-text {
    padding-left: 30%;
    padding-right: 30%
}

.knowledgeCentre {
    padding: 50px 10px 10px 40px
}

.carousel_row {
    background-image: url(../../Images/knowledgeCentrebackground.png)
}

.grayContainer {
    ms-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 345.35px;
    left: 0;
    position: absolute;
    transform: translate(525px,68px) rotate(180deg) skew(2deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 525.4px;
    overflow: hidden
}

    .grayContainer img {
        max-width: 100%
    }

.layout_4B {
    -ms-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 158.58px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(191.713px,225.095px) rotate(180deg) skew(7deg) scale(1,1);
    transform-origin: 0 0;
    width: 188.87px
}

    .layout_4B img {
        max-width: 100%
    }

.red_dot_image {
    ms-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 220.97px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(3px,7.202px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 156.36px
}

    .red_dot_image img {
        max-width: 100%
    }

div.grayrow {
    margin-top: 18px
}

@media only screen and (max-width:768px) {
    .Register-Continue-Style .Profile-Save-Button.button-orange:hover {
        background: #e14504 !important;
        color: #fff !important;
    }

    .HomePage span.glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
        top: 206px !important;
        left: -12px;
        margin-left: 0;
        transform: translate(0,0) rotate(130deg) scale(.34,.34) !important
    }

    .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
        top: 105px !important;
        left: -12px;
        margin-left: 0;
        transform: translate(0,0) rotate(130deg) scale(.34,.34) !important;
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
        top: 100px !important
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 100px !important;
        right: 0
    }

    .favouriteSnippets #myCarousel .carousel-control.lef:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

    .favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 105px !important;
        right: 0
    }

        .favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before, .favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before {
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
        }

    div.printable-brochures-main-div {
        position: relative;
        margin-top: 0;
        z-index: 0;
        width: 100%;
        padding-left: 30px;
    }

    div.rightSide-img {
        visibility: hidden
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 0;
        padding: 0 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    .margin_top_30 {
        text-align: center;
        margin-left: 0 !important
    }

    div.mobile_margin_top_0 {
        margin-top: 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.your-treatment {
        padding: 20px 0 0 0;
        letter-spacing: 0 !important;
        font-size: 33pt !important
    }

    .background_light_blue .center-img {
        left: -30px;
        position: relative
    }

    .display_none_desktop {
        display: block
    }

    .display_none_mobile {
        display: none
    }

    div .mobile-color-white .backgound-color-white {
        height: auto
    }

    div.mobile-self-assement-div .panel-body .tab-content {
        margin: 0;
        height: auto !important;
        width: 100%
    }

    .mobile_margin_top_15 {
        margin-top: 15px !important
    }

    .Profile-Save-Button.button-orange {
        margin-left: 0
    }

    .self_asessment_lable {
        padding: 0 5px
    }

    div.Dashboard-Self-Assessment2-notatall-width-left {
        width: 75% !important;
        left: 0 !important;
        padding: 0;
        font-size: 12px !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 15PX;
        width: 80%
    }

    .dot_image {
        display: none
    }

    ul.mobile-self-assement-tabs {
        width: 100% !important;
        padding: 0 0 0 15px
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        text-align: left
    }

    .mobile-self-assement-div .panel-body {
        width: 100% !important;
        padding-right: 0 !important
    }

    .owl-nav .glyphicon.glyphicon-chevron-right {
        transform: translate(0,-50%) rotate(135deg) scale(.4,.4);
        left: -28px
    }

    .owl-nav .glyphicon.glyphicon-chevron-left {
        right: -26px;
        transform: translate(0,-50%) rotate(315deg) scale(.4,.4)
    }

    div.featureSnippet.self-assesment {
        background: 0 0
    }

    div.best-of-all-text {
        padding-left: 0;
        padding-right: 0
    }

    div.grayrow {
        margin-top: 62px;
        height: 44px
    }

    div.grayContainer {
        height: 216px;
        width: 97%;
        transform: translate(349px,84px) rotate(180deg) skew(2deg) scale(1,1)
    }

    div.layout_4B {
        height: 116.58px;
        width: 40%;
        transform: translate(142.713px,374.095px) rotate(180deg) skew(7deg) scale(1,1)
    }

    div.red_dot_image {
        width: 36%;
        transform: translate(0,192.202px) rotate(0) skew(0) scale(1,1)
    }

    div.myCompass-made-me {
        padding-left: 10px;
        padding-right: 10px
    }

    a.getstarted-in-mademe-button {
        padding-left: 20%;
        padding-right: 20%
    }

    div.myCompassdiv .CharOverride-1 {
        font-size: 50px;
        color: #e14504
    }

    ._idContainer1208 ._idContainer1205 {
        -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 110.06px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(74.513px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 29%
    }

    ._idContainer1208 ._idContainer1204 {
        ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 272.44px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(28.274px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%
    }

    ._idContainer1208 ._idContainer1206 {
        transform: translate(-4px,181.443px) rotate(0) skew(0) scale(1,1);
        width: 46%
    }

    ._idContainer1208 ._idContainer1203 {
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 69px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(55.776px,5px) rotate(0) skew(4deg) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 20%
    }

    div._idContainer1199 {
        top: 0;
        transform: translate(16.105px,-13px) rotate(0) skew(0) scale(1,1);
        width: 24%
    }

    div._idContainer1197 {
        width: 100%;
        transform: translate(-13px,81.256px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1201 {
        width: 64%;
        z-index: 1;
        transform: translate(168px,287.141px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1195 {
        height: 55.46px;
        left: 0;
        top: 0PX;
        position: absolute;
        width: 17%;
        transform: translate(-17.922px,32px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1198 {
        width: 54%;
        left: 0;
        transform: translate(4.221px,34.437px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1196 {
        height: 295.76px;
        width: 47%;
        left: 0;
        transform: translate(-68px,51.235px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1305 {
        transform: translate(165px,427.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 68%
    }

    div.myCompassdiv {
        top: 42.39px
    }

    .personalised {
        font-size: 25px
    }

    .myCompassdiv a.get_started {
        padding: 3% 33% 3% 33%
    }

    .mountainbackground {
        height: 520.5px
    }

    ._idContainer1208 {
        transform: translate(-24.001px,100px) rotate(0) skew(0) scale(1,1)
    }

    span.your-treatment-number14:before {
        top: -4px;
        left: 7px
    }

    span.your-treatment-Heading1, span.your-treatment-Heading2, span.your-treatment7-Heading1, span.your-treatment7-Heading2 {
        font-size: 14pt !important;
        line-height: 16.8pt;
        letter-spacing: .5px !important
    }

    .mobile-your-teatment {
        display: block
    }

    span.your-treatment-number1:before {
        top: -2px
    }

    .your-treatment-Heading1 {
        margin-left: 10px
    }

    .your-treatment-1-day {
        margin-bottom: 0
    }

    .your-treatment-7-day {
        margin-bottom: 10px
    }

    .mobile-your-teatment-7days-containor, .your-14days-teatment, .your-treatment-7-day {
        margin-bottom: 0
    }

    .your-14days-teatment {
        margin-top: 10px
    }

    .featureSnippet .carousel-inner {
        background-color: #fff5e8;
        min-height: 300px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    div.featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -35px !important;
        transform: scale(.3) rotate(140deg) !important
    }

    .glyphicon.glyphicon-chevron-right {
        position: absolute;
        top: 132px !important;
        font-size: 30px;
        margin-left: 0;
        transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
    }

    .snippetBody {
        padding: 10px 15px;
        margin-left: 12px
    }

    .Dashboard-Snippet-Heading {
        font-size: 14px;
        padding: 10px
    }

    .Dashboard-Knowledge-Center {
        margin-left: 8px !important;
        font-size: 30px
    }

    .Primaryimage {
        height: 477PX !important;
        width: 100% !important;
        background-size: 140% 62% !important
    }

    .knowledgeCentre-InterestArea {
        width: 146px;
        font-size: 10px !important;
        margin-left: 0 !important;
        padding: 10px 0 10px 0 !important;
        margin-top: 0
    }

    h4.Dashboard-Knowledge-Center {
        margin-left: -10px !important;
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        transform: scale(.3) rotate(315deg) !important;
        margin-right: -30px !important
    }

    .glyphicon.glyphicon-chevron-left {
        transform: none !important
    }

    div.takeSelf-Assessment-text {
        font-size: 33pt !important;
        letter-spacing: .5px !important;
        padding: 0
    }

    .takeSelf-Assessment-desc_div {
        padding: 0
    }

    p.padding_20 {
        padding: 13px 0;
        height: 100%
    }

    div.backgound-color-white.container-fluid {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    _idContainer1304 {
        WIDTH: 50%
    }

    div.body-content {
        overflow: hidden
    }

    .overflow_hidden {
        overflow: hidden
    }

    .person-text {
        width: 100% !important;
        height: auto !important
    }

    div.knowledgeCentre {
        padding-bottom: 0;
        padding-left: 20px
    }

    .navbar.container.navbar-default {
        overflow: hidden
    }

    .jumpToInfo-buttons div, div.getstartedIn5-text, div.jumpToInfo-buttons {
        padding-right: 0;
        padding-left: 0;
        letter-spacing: 0 !important
    }

    .jumpToInfo-buttons .healthCareHeight {
        line-height: 24px
    }

    div.getstartedIn5-text {
        text-align: left !important
    }
}

p .padding_20 {
    background-color: #fff;
    border-radius: 50px
}

.self_asessment_lable {
    position: relative;
    bottom: 0
}

.CharOverride-1 {
    font-size: 60px;
    color: #e14504
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .selfAssessmentInDashboard .selfAssessment {
        font-size: 33pt !important;
        padding-right: 20px
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 116.8% !important;
        margin-left: 59%;
    }

    .professionals.body-content-home div.mobileRow {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .about_dropDown {
        padding-left: 0
    }

    .about_dropDown_div {
        padding-left: 8px
    }

    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 470px 100%
    }

    div.iconset .treatment-play-icon {
        left: 48%
    }

    a.try_activity_button {
        padding: 10px 95px;
        margin-left: 12px
    }

    .background_light_blue .center-img {
        width: 375px;
        position: relative;
        left: -15px;
        max-width: unset
    }

    .mobile-self-assement-div .panel-body {
        width: 380px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: -60px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 60% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 52% !important
    }

    div.owl-item {
        margin-right: 34px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 110px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 110px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    div ._idContainer1304 {
        width: 50%
    }

    div .body-content div.carousel_row.mobileRow {
        width: 380px
    }

    div .body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 378px
    }

    button.Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 20px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .selfAssessmentInDashboard .selfAssessment {
        font-size: 33pt !important;
        padding-right: 56px
    }

    .about-home-content .accordion-heading span:not(span.faicon) {
        color: #000 !important;
        right: 2px !important;
    }

    .header-right img.bdiImgMobile {
        margin-top: 15px !important;
    }

    div.first_question {
        left: 7.33333333% !important;
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 104px !important
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 27px !important
    }


    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    div.sleep-landing-container.Managing_fear_and_anxiety {
        height: 1600px
    }

    .about_dropDown {
        padding-left: 0
    }

    .about_dropDown_div {
        padding-left: 8px
    }

    .AboutPro.media .media-left, div.AboutPro.media div.media-body {
        padding: 5px 30px 5px 5px !important;
    }

    div.about_program.self-assessment-mobile-container div.featureSnippet.self-assesment {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    div.table-bordered .faicon span.custom-fa {
        right: 7px
    }

    span.media-right.faicon {
        position: relative;
        right: 15px
    }

    .ddlBirthYear .dropdown-menu {
        width: 69% !important
    }

    ._idContainer1305 div._idContainer1304 {
        transform: translate(100.717px,0) rotate(0) skew(0) scale(1,1)
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px
    }

    div.iconset .treatment-play-icon {
        left: 50%;
        top: 50%
    }

    a.try_activity_button {
        padding: 10px 112px;
        margin-left: 15px
    }

    .background_light_blue .center-img {
        width: 418px;
        position: relative;
        left: -15px;
        max-width: unset
    }

    .mobile-self-assement-div .panel-body {
        width: 425px
    }

    .carousel_div {
        margin-left: 2px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 102% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 84% !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 110px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 110px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px
    }

    .body-content div.carousel_row.mobileRow {
        width: 416px
    }

    div .body-content div.mobileRow.desktop_row {
        width: 376px;
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    div.body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 400px
    }

    .margin-top-20 div.red_dot_image {
        width: 30%;
        transform: translate(-1px,199.202px) rotate(0) skew(0) scale(1,1)
    }

    div.mobile-self-assement-div {
        padding: 0 9px 0 9px !important
    }

    div._idContainer1305 {
        transform: translate(161px,428.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 72%
    }
}

.color_red {
    color: #e14504;
    font-family: "DM Sans",sans-serif
}

.catagory-menu-Text:hover {
    border-bottom: 2px solid #e14504;
    color: #000
}

div.jumpToInfo-buttons.div-line-height {
    line-height: 24px
}

.catagory-menu-Text {
    border-bottom: 2px solid transparent
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

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

@font-face {
    font-family: DMSans-Bold;
    src: url(../../fonts/DMSans-Bold.ttf) format('truetype')
}

@font-face {
    font-family: DMSans-Medium;
    src: url(../../fonts/DMSans-Medium.ttf) format('truetype')
}

@font-face {
    font-family: MinionPro-Regular;
    src: url(../../fonts/MinionPro-Regular.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Light;
    src: url(../../fonts/UntitledSans-Light.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Medium;
    src: url(../../fonts/UntitledSans-Medium.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Regular;
    src: url(../../fonts/UntitledSans-Regular.otf) format('opentype')
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -14px !important;
        padding-left: 0 !important;
        border-left: 0 !important
    }
}

.complete-profile {
    width: 100%
}

img._idGenObjectAttribute {
    position: absolute;
    height: 24px;
    width: 24px;
    border: 5pt !important;
}

.professional_img {
    height: 100px;
    padding: 20px 35px 10px 35px
}

.Basic-Text-Frame {
    position: absolute
}

li.professional {
    margin-right: 30px
}

p.Basic-Paragraph.ParaOverride-1 {
    text-align: center;
    width: 100px;
    margin-top: -48px;
    color: #000;
    font-family: DMSANS-REGULAR;
    line-height: 14.4pt !important;
    padding-top: 40px !important
}

img._idGenObjectAttribute-Help {
    position: absolute;
    height: 30px;
    width: 30px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Login {
    position: absolute;
    height: 27px;
    width: 27px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Register {
    position: absolute;
    height: 27px;
    width: 27px;
    border: 5pt !important;
}

img.footer_background {
    height: 173px;
    width: 100%
}

.Basic-Graphics-Frame._idGenObjectStyle-Disabled {
    position: absolute;
    height: 158px
}

.registration_Background_img img {
    position: absolute;
    height: 286px;
    width: 100%;
    margin-top: -19px
}

.registration-dotGraphics img {
    position: absolute;
    margin-top: 87px;
    height: 180px;
    transform: rotate(180deg);
    width: 35%
}

.margin-register-header {
    margin-top: -15px
}

.registration-dotGraphics-step2 img {
    position: absolute;
    margin-top: 87px;
    height: 222px;
    transform: rotate(180deg);
    width: 35%
}


div#myCompassNavbar {
    height: 42px !important;
    background: #fff
}

.container.background-color-white.width-80 {
    margin-left: 0;
    width: 90%
}

.row.margin-width.mobile-width-100-percent-important {
    margin-left: 30px;
    width: 35%;
    display: inline-flex
}

.container.background-color-white.width-80.margin-top-3 {
    margin-top: 0 !important
}

.questionnairSurvey {
    width: 54%;
    float: right;
    border: none;
    margin-bottom: 118px;
    margin-right: -70px;
}

.btnquestionnair {
    border: none;
    outline: 0;
    padding: 2px 5px;
    background-color: transparent;
    cursor: pointer;
    width: 208px;
    color: #31251b !important;
    font-family: DMSans-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    text-align: left
}

    .active, .btnquestionnair:hover {
        color: #31251b !important;
        font-family: DMSans-REGULAR !important;
        font-size: 14px !important;
        letter-spacing: .4px !important;
        font-weight: 400
    }

.margin-left-52px {
    margin-left: 52px !important
}

.margin-left-40px {
    margin-left: 40px !important
}

.margin-very-difficult-left-9px {
    margin-left: 9px !important
}

.margin-somewhat-left-6 {
    margin-left: 6px !important
}

body {
    font-family: DMSans-Medium !important;
    font-size: 14px;
    overflow-x: hidden
}

.margin-top-20 {
    margin-top: 20px
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

.padding_top_bottom_20 {
    padding: 20px 0
}

p.padding_10.active {
    background: #f79c00;
    border: none
}

button.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    border: 1px solid #e14504;
    margin-left: 15px;
    float: left
}

.glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 172px;
    margin-left: -15px;
    transform: translate(-34px,-60%) rotate(315deg) scale(.5,.5)
}

.glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 172px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
}

    .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

.glyphicon.glyphicon-chevron-left:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
}

.owl-carousel {
    top: 40px
}

.hear_from {
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    color: black;
    position: relative;
    margin-bottom: 20px;
    top: 15px
}

input[type=radio].custom_radio_button {
    margin-right: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 6px;
    background-clip: content-box;
    border: 1.5pt solid #e14504;
    background-color: transparent;
    border-radius: 50%
}

    input[type=radio].custom_radio_button:checked {
        background-color: #e14504;
        background-clip: border-box;
        border-color: #e14504
    }

.hear_from_lable {
    font-family: DMSans-Medium;
    font-size: 14pt;
    color: #000;
    position: absolute;
    margin-left: 3px;
}

.carousel_image.fade_out {
    opacity: .5
}

.carousel-inner .hiden {
    display: none
}

.mountainbackground .Basic-Graphics-Frame {
    height: 100%
}

.mobile-color-white .backgound-color-white {
    height: 390px
}

.pading_left_0 {
    padding-left: 0
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 379px;
        margin-left: -15px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.mobile-self-assement-div .tab-pane.fade.in.active, div.self-assesment .mobile-self-assement-tabs .active {
    border-bottom: none
}

p.padding_10 {
    padding: 10px 5px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 20px
}

.margin_top_60 {
    margin-top: 60px
}

.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    font-weight: 400 !important;
    float: left;
    border: 1px solid #e14504;
    left: 15px;
    position: relative
}

.panel-heading .mobile-self-assement-tabs .take-screener-tab:hover {
    border-bottom: 3px solid #f79c00;
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.margin_top_35 {
    margin-top: 35px
}

.margin_bottom_20 {
    margin-bottom: 20px
}

.self-assesment .mobile-self-assement-tabs li a:focus {
    outline: 0 !important
}

.self-assesment .mobile-self-assement-tabs li:focus {
    outline: 0 !important;
    border: none !important
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 3px solid #f79c00
}

.mobile-self-assement-div .nav-tabs-border-color li.active a {
    border: none;
    border-bottom: 6px solid #e14504 !important
}

.mobile-self-assement-div .panel-heading {
    padding: 10px 0
}

.mobile-self-assement-div .panel-body .tab-content {
    background: #fff5e8;
    padding: 15px;
    border-radius: 10px
}

.mind_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAIA0lEQVRYR82Ye1QTdxbH70wyiSEkPMMrhvdDRFdQebS1HmwRo7JyBKW4R6Vdt3WhQN2uVXvc7Wp7jrsi2lMWH6v4tlXLtlXxwRatWtkKRDe1PA0gAcTwSoAkJGQmmdk/3GFDnlrU3c8588fv3u+9c/Ob3+83d4JQFAX/zzCdCSwZ2L72G+NAj8iZDgDAt+jca6gLT+1M5wjkSWaQkDfPUJ8vKwAA0N34OpvUafjOYgAAXBdmHwOMjbskLargJKZedKa3hcMZ1EuuiU0DPSJc3jxDe/n4O+Y+LHhaA3t6wm1bceSo2k1381yWturMmwAAJlWfn0nZ64+w2AZuyhsnbMXYw26B+IPGWSNf7P6joanuZQAAYDCMrJCYn2g/NznjDH9l/i5bscb+h4HGngfhAADGRx3h+prKZfqaymUolz+MBUc3YEHTGhGMZbAVa4ndR9y9IkJJaoY86THK91CKylu9bYod0L8164r+zndic5vw2J1wpn9wu70Yc1BLg7HnQXinWECaF8eJf/2K6EuZwFynOXeooHeDePwR9763qKZTLCAtL97y9Z8FVQ6gPp+cTqO1PW/Ft45e/2oVPAETZlAvuSYeKttWRMibZ9I21yVrD/JXvFvMcBf0923JuErbyeFBH5N6yAsLjGgGACC6ZNHUmI4LFmDCMBl/Zf4ul/np5bhMGt+3JbMKAIDpH/SA98t1+/iZebstY8yZsAZJzZCXeXG89N+Uui7MPo4Jw1pJ9ZAXLvtxrmUCSxt72pxaTkLK5eETO7cDABA97ZEmZW8AyuWPsGOSqj0Li3NHjv/5Y6OiM1RbdSYHTCYGP6ugyDIvzXiBhibJS2P3qhfQY25K1knekpy/YcHRDcaBHpGu+mIm7Zsya951ZkCIzTXEnjanhpO46KJx4JFo9OrZNRSBs2kfwmKP8Za+eUBdXroRRpQCoqNppu6HS8ufqMDRG1+v0laeWodgbAMWFNnkmbczn1QrBXhbfZyhsfaVoQNbPwUAwIKimvgr83dx4lOu2EsKAOC14dO3dbcqMikCZ5tUff54W33c45Ngej0WNK2J1Ax7ktphD3JM54K318exwmZKbeUZX4OqfR+WaM4fKmAKQ1uFR+oiAQD6//DGZb3k2mLzAOFRSQQzIKTNRi4rujPDVaR22IMeo3zPQVH54802+Jf1n49e/+pXAACAoGRQZT/DVg6rXfwsEZXLvDlzX/uHM50jUAAA5e6CI7rvz2WZO/q2ZFQZmiQvAwCwpyf84F9SleBfUpXAEAR020pkExQlPXJ3FLqKV5cBAJCjandF4cI60+Cjqe45H37Ez8zd4ywFEwCA6JJNNw0N+LKiZtfxl6//DAAAb6ufTY6q3QAAUC5/hBUVJ3GUyB7Y1HAZb2nOQQRjGzQVh9/F70vjKQJnM/2D25k+U7ucxU94xJgwtJW7IPMLe+KfCysyTsJJSLnsTGcLu2uQFRxdT7dKpE7DI+TNM+xpHWFUyEPx9oZYo6Iz1L6KQvD2hljKoHex9Ngt0Lf4QjI7JuGfAACGxtp5vR8su2FP6whV6aa9irxkqWrflr/aFVEUoshLlhKdLTGWLoftls/Hp9OGTxX9aeTz4o8c6QAAejeIbxvuS+OtHBQ5Pgko31MpOtvsCyjDBADAS3+nhBURd6f3/SXVVnH/wXFHjaIkIKjdjpaQt8xQ7ik8DACAd96PAdJk8yxzXbz2kOvi1WUIg2GkiwMAAAShAEXHx4PFBUfd12za5vLqsr/Ttidu+akxHVdVummv25rN2xhuXgNj96qTNRcO5xvu/yuB1rjMT/9yyi9euWkZy46aXceKjL1jaQcAYPoFdnjm78xXlW4uJTpbYtTnDhWSYzqu68Ls4wAWBRoV8jDdrQsrzH8BK3ymdMqcBd+O3b2eqqk4kscQCLsZ7t79Y9LvU3TVFePvZ06SuIK3NOfglNj51+ApYHj49PHSfr0Pb/1ptq6mcpmh4farTF+RnC4QoSgKBnfmntTf/U5Mjii9zV91NIbG2nnKkt/vJ+QtE3YywuboMGFoKwCA9+YDq7Hg6AaYBIqChXW4TBrPSUy96PH29g8wUUQLCgDgvXn/Gm5yxml7geyYxGq/XRXJlnZWyPR6//03Y/3334ydbHHm6Gu/TRvYtvo8gI01aOzpCO9a4kdMPdvii/LcVbQd5XsoAy/3YuZaBEGcfxI6wdByN7Hv/aXVAACUjU1mY5NQCGUyMgGs740wmEZr/SSh6PvZZtzBnZ9eTuk0fG3VmRwAgKGy7UX8jNw9WFBUk73gyUKfBPSYv7KgiOn7+P2Mct2GAcwKZM9IugUMJkHqR1111RWZ2spT61AXnpqbknWCFTbzR+v0k4foaJz1+CRAKNfUVcd4aW8dYPoFdkwQURQ14SIetkfIU70o+lKWbNxHKDpDLHXP4lJ/c+A9eaoXJV8kMNnTOG1YNReP5qpKN+11pnteWBXIDAhpC7ykYJnv4P8l1jOIIBTCxAjfHeVidvTcGgAAQ7Pkpf6tWZVW2heA/X4wMk7ilv27HZz4lCukdsTdIJNafRO/CBw2C5ykRRWG1ntz9JKrE77snha8vT4Wb2+ItbQbWv7baNjjibuZn4uxrytYe+n4es2lY791prXFcy9QVbJxv+W/W0/Dcy3wYXZ0r2lYKQAA4Mx9vVKw7WS6sxhLnmuBFEGwgCJRV/HqMn5m3h4EY+HOYixxelA/C5gCYTcWGNnsTGeLF1LgZPg3bYedHvcqPgEAAAAASUVORK5CYII=)
}

.instgram_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAHGUlEQVRYR8VYf0xT5xr+enpoew7U0lJKQ0BLK2Ybk8qolCG4SOqEGEAZ3HVEjQnZwo2J9x+aGP4ZSzQsQZyLZiYOuSbmuntTG52LjDAlmVQTFS4pmrX+Ys6aOq602B+Hlh5Pv/vPTvl6bM/BKNubPEnfc57ne5/zfuc75zsVQQhBppienn5vdHS0YXJysvLhw4clz54904bDYenCwoIqFosBPi03RCIRIAgCkCQ5J5fLYwUFBf8rLS31mEymqcbGxuHS0tJf0gohhC/hypUrDVVVVVMAAPhnob6+/urNmzdruV5SksXFRVlXV9c/hQZbKWAYxvT09AwwDCNiPYnYaYrH47L29vYfLl68aAFpQqlUUkVFRV6FQuEnCCJBEEQAAAAkEgnAcTydBAAAAE3TgKZpAAAA0WhUTVGUKBgMqr1eb1EoFCLTafbu3Ws/derUxxiGLXUvXef0ev3jI0eOHJiZmVmX7lZ4HSQSCZHb7TYeOnToc61WO8ut3dvb+2Vyii9fvtzAJXR2dp6JRqMyoUJvAqFQSNHa2noJrY/jOONyuSoBhBCYzeYprrlEIiHiG/RNg6ZpvLm5eRT10dLS8iNwuVzvoQdLSkoer3TnpqenK4xGo1ssFsNt27b9/PTp00IIIQgEAvkqlWqe9YJhGASHDx8+gBocGBg4IFTgdZBIJETr1q37Fa3Z1tb2PXveZrN9nXK7Wa1WB3rgdRZEPB6XRSKRfJqmpZk4c3Nz+dz7vbCwcJY973Q6t6Sc37hx43/ZRKlURoRMcAxJzp0794nVaj1XXFz8u0gkSk6NXq/37tmz57vh4eFmhmHErIZhGLHBYPgNNbFjx45L7PmFhQU5hmFLBnU6nY9N1q9f7xYyxWJkZKTJYDA84nYjHYxGo+fatWsfsNrbt29XbNiw4Rccx5nGxsYrs7OzhejYBQUF/qRepVIlk9raWqeQMQgh6Ovr+4Lt1nKB4zgzODjYJTQ2hBCsXbv2QVJLEERykK1bt14VEvf19X2RzoBWq/Vv3759ZNeuXf9uaGj4KS8v7zmXg2EYMzQ09JlQDaPR6E7q0E40Nzdf4BOOjIw0cTun0+kenz9//m/ofQYhBDRNZ505c+ZTjUbjR/lZWVn0xMREDV8ds9k8gWiWxHwG4/G4xGAwPEb5mzZtmpyfn8/jK+bz+VYbjca7qM5sNk/xvQhqamqcaQ22tbVlNOhwOD7hdi4QCPCaY+H1etdwp3x8fHzLcgxiAAm+XYndbv8IzY8ePdqtVCr9mfhoFBUV/Xbw4MHP0WN2u709E58byauyWq0ZO1hcXPw7y9NqtX7uPScEiqJyCIKIsWOYTCbXK3cwU9A0LXvy5EkBm1dWVt7CMIzh03CDJMlIWVmZm80fPXq0ho/PxrIMxuNxOYQwmSuVyuc89IyRm5tLsb8pilLwcdlYlkGpVBrCsCXq3NxcHg89Y/j9/lXsb7lcPs/HZWNZBnEcX9TpdE/Y/NatWxsZhsni03AjFAop79y58zab6/X6GT4+G8syCAAAtbW1Tva33+9XnD17di8P/aU4efLk32maTj4m6urqxvn4aCRXcWtra8ZVPDw83IxyNRqN3+fzrRZavRBC4PF43s3Ozl5A9RMTE+8vZxWnGOR7kzAMIy4vL/egfKPReNfr9a4RMvfH7ZHUWSwW3nd+isFXeRdfv379AxzHGbRYXl7e8xMnTvyDoqgclBsMBpX9/f09OTk5KZ0jSTLq8Xje5atTVVU1mdSQJIlemeB2a3BwsOuPZyBEQRBEzGQyTVksFmdFRcW0RCKhuRyJRBK/cOFCu1CN8vLypd2MWq1+xiY1NTXXhMQQQjA0NPRZVlbWSwb4QJJkdDnmIITAYDDMJLUlJSVeNikrK7srJGYxOTlZw/1czQSLxXJVaFpRqNXqpY1FdXV1cr5XrVpFvcr3cCKREI2Pj2/Zv3//NyaTyaVWq58TBAE1Gk2gurp6wmazfcW3WtMhEonkpuw5d+/e/S/0at1ut1FokJXE2NjYh6gfzGQyTQEkHA7HDvAXhsPhSN2G3bt37x2AONZqtbOhUEghdKUrAZ/PtzonJyfCesFxnAYQQlBfX38VNblz585LNE3jQgO+SYTDYcXmzZtvoD46OjrsAEIIbty4Uct9tjU1NY0GAoF8oYHfBHw+3+q6uroUczKZbPH+/ftvJUk9PT0DKAEAAFUq1bzNZvva6XRuiUajcqFCr4JwOJw7Njb24b59+75Fp5XFsWPHuiFE/mFNJBKizs7O/5w+fTrttwKGYSA/Pz8gl8vns7OzaZlMRonF4lg6brp48eIFEYvFSIqipMFgUOX3+xVsbW50d3d/09/fvw8AAFKuimEYUW9v75fc9+2fBalUunj8+PFu1FPa9rtcrsqWlpYfU/7EWUHgOE53dHTYHzx48BbXy/8BuaPp0zd4OHYAAAAASUVORK5CYII=)
}

.instgram_log_div {
    padding-left: 0
}

button.btn.btnback:hover {
    color: #d64204 !important
}

.answer-options input {
    visibility: hidden;
    display: none
}

.answer-options label {
    width: 94%;
    padding: 15px;
    border-style: solid;
    border-radius: 25px;
    border-color: #ffffff;
    border-width: 1px;
    text-align: center;
    height: 49px;
    background-color: #ffffff;
    margin-top: 5px;
    font-family: DMSANS-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: 900 !important
}

.commondQuestionHeaderDiv {
    padding: 60px 10px 20px 16px
}

.answer-options label.active {
    background: #ffa900 !important;
    color: #fff
}

.register-label.GAD7 {
    padding: 135px 10px 10px 40px
}

.background-color-white {
    background-color: #fff5e8 !important;
    border: none !important;
    border-radius: 25px
}

.questionDetails {
    color: #e14504;
    font-family: "DM Sans",sans-serif;
    padding: 20px 10px 0 40px
}

.gAD7questionDetails {
    color: #e14504;
    font-family: "DM Sans",sans-serif;
    padding: 20px 10px 0 40px
}

.QuestionDiv {
    padding-left: 15px
}

@media only screen and (max-width:768px) {
    div.snippetType.Tips {
        width: 100%
    }

    .width-gender {
        width: 199%;
        max-width: 320px
    }

    .navbar.container-fluid {
        margin-bottom: 0;
        overflow-x: hidden
    }

    div.PrimaryGraphics {
        margin-right: -15px;
        margin-left: -15px
    }

    .dashboard .container-fluid {
        padding: 0 0
    }

    div.mobile_margin_bottom_5 {
        margin-bottom: 5px
    }

    .row.bottom-bg-imag {
        display: none
    }

    .your-treatment-number14, .your-treatment-number7 {
        margin-right: 10px;
        position: relative;
        top: 5px
    }

    .treatment {
        position: relative;
        top: 60px
    }

    div.mobile-color-white .backgound-color-white {
        height: unset
    }

    .questionnairSurvey {
        width: 100%
    }

    .answer-options.PHQ9 {
        width: 155px !important
    }

    .questionnaireBackground {
        display: none !important
    }

    .register-label.GAD7 {
        padding: 90px 10px 10px 5px
    }

    button.btnquestionnair.GAD7 {
        width: 37% !important
    }

    .answer-options label {
        width: 109px;
        padding: 7px;
        height: auto;
        font-size: 12px !important
    }

    .div-back {
        width: 310px
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 40px !important
    }

    .btnquestionnair {
        width: 45%
    }

    .gAD7questionDetails {
        padding: 20px 10px 0 15px
    }

    .commondQuestionHeaderDiv {
        padding: 25px 0 20px 0
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 150px;
        font-size: 12px !important
    }

    .questionDetails {
        padding: 20px 0 0 14px
    }

    button.btn {
        width: 108px;
        height: 35px;
        margin-right: 0
    }

    .btnback {
        margin-left: 0 !important
    }

    .btnNext {
        float: right;
        background: #d64204;
        color: #fff;
        border: 2px solid #d64204;
        width: 113% !important;
        margin-right: -2px !important
    }

    .btn.btnback {
        margin-left: -10px;
        width: 113% !important;
        margin-right: -2px !important
    }

    .QuestionDiv {
        padding-left: 5px
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange {
    width: 176px
}

div#questionnairSurveyHeader :first-child {
    margin-right: 30px
}

div#questionnairSurveyHeader {
    padding-bottom: 30px
}

button.btnquestionnair.GAD7 {
    width: 128px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 auto -webkit-focus-ring-color !important
}

.div-back button.btn.focus, .div-back button.btn:focus, .div-back button.btn:hover {
    color: #d64204;
    text-decoration: none
}

.div-back button.btn.btnNext.focus, .div-back button.btn.btnNext:focus, .div-back button.btn.btnNext:hover {
    color: #fff;
    text-decoration: none
}

.container.register-selfassessment {
    margin-bottom: 80px
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.favouriteSnippets div.browseSnippets .about_dropDown_div {
        padding-left: 0
    }

    .about-home-content .accordion-heading span:not(span.faicon) {
        color: #000 !important;
        right: 0px !important;
    }

    span.glyphicon.pull-right.margin-bottom-15px.padding-right-15px.custom-fa.fa-chevron-down.fa.expClass {
        right: 12px !important;
    }

    .Knowledge div.depression-factsheet-link a {
        font-size: 10pt !important;
    }

    div.favouriteSnippets .browseSnippets .Snippet-About-DropDown {
        float: right
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
        top: 105px !important
    }

    .mobile-about-inner-accordion {
        font-size: 10pt;
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right {
        right: 0
    }

    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 25% !important
    }

    div.healthprofessionals {
        position: relative;
        left: 0;
        padding-left: 15px;
    }

    .answer-options.PHQ9 {
        width: 120px !important
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 405px 100%
    }

    button.btn {
        width: 90px;
        margin-right: 0
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 116px;
        font-size: 12px !important
    }

    .div-back {
        width: 268px
    }

    .questionnairSurvey {
        padding-right: 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 39% !important
    }

    .active, .btnquestionnair:hover {
        font-size: 12px !important
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 20px !important
    }

    .btnquestionnair {
        width: 46%
    }

    .btnquestionnair {
        font-size: 12px !important
    }
}

.row.questionnaireBackground {
    margin-left: -671px;
    margin-top: -308px
}

.questionnaireBackground {
    position: absolute;
    margin-left: -25px
}

    .questionnaireBackground img {
        width: 550px;
        height: 50%;
    }

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .div-back {
        width: 358px
    }

    .btnquestionnair {
        width: 40%
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .knowledgeCentre-InterestArea {
        width: 165px;
        font-size: 10px !important;
        padding: 10px 0 10px 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 34% !important
    }

    .answer-options.PHQ9 {
        width: 182px !important
    }

    .answer-options label {
        width: 135px;
        padding: 7px;
        height: auto;
        font-size: 12px !important
    }

    button.btn {
        width: 135px;
        height: 35px;
        margin-right: 0
    }
}

.background_light_blue {
    background-image: url(../../Images/1021.png)
}

.your-treatment {
    padding: 20px 10px 0 10px
}

.margin-left_8 {
    margin-left: 8px
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.featureSnippet .container-fluid.snippetCarousel {
    margin-top: 100px;
    width: 100%;
    background: #fff5e8;
    padding-top: 50px;
}

.carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
    margin-left: 20px;
    transform: scale(.5) rotate(140deg);
    top: 100px !important
}

.carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
    transform: scale(.5) rotate(320deg);
    margin-right: 20px;
    top: 100px !important
}

.featureSnippet .row.snippetsDescription {
    min-height: 200px;
    padding-top: 30px
}

.featureSnippet .carousel-indicators li {
    border: 1px solid #f49771 !important;
    background-color: #f49771 !important
}

.carousel-control.left, .featureSnippet .carousel-control.right {
    opacity: 1;
    background-image: none !important;
    cursor: pointer
}

.featureSnippet .row.snippet-BackGround-img {
    position: absolute
}

    .featureSnippet .row.snippet-BackGround-img img {
        height: 358px;
        width: 100%;
        margin-top: 58px
    }

.featureSnippet .row.snippetsDescription :first-child {
    padding-bottom: 10px
}

.featureSnippet .carousel-indicators .active {
    background-color: #e14504 !important
}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .featureSnippet .carousel-inner > .item.active {
    border: none !important
}

.featureSnippet .carousel-inner {
    background-color: #fff5e8;
    min-height: 275px
}

.row.bottom-bg-imag img {
    width: 100%;
    margin-top: -282px
}

.view-side-arrow {
    display: inline-flex;
    transform: scale(.5) rotate(320deg)
}

    .view-side-arrow img {
        position: relative;
        margin-top: -15px
    }

.snippetBody.font-Montserrat-light {
    height: auto
}

.color_light_red {
    color: #e14504
}

.tracking_text {
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt;
    margin-top: -50px !important;
}

.margin_top_30 {
    margin-top: 30px
}

li.ng-scope {
    display: none
}

    li.ng-scope.active {
        display: inline-flex !important
    }

.actives_div {
    background-color: #fff5e8;
    text-align: left;
    /*    margin-top: 40px;*/
}

.Activities-span {
    color: #e14504;
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt
}

.colxs11 {
    margin-top: 65px;
}

.getstartedactivities {
    margin-bottom: 11%
}

.getstartedactivities-button {
    background-color: #e14504;
    color: #fff;
    padding: 6px 27px 6px 27px !important
}

    .getstartedactivities-button:hover {
        background-color: #e14504;
        color: #fff;
        text-decoration: none
    }

.btnOrange:hover {
    background-color: #e14504;
    color: #fff !important
}

.btnOrange-uppercase {
    text-transform: uppercase
}

.PrimaryGraphicsImage {
    height: 500px;
    min-width: 100%;
    width: 451.55px;
    margin-left: 81px
}

.Primaryimage {
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-top: -350px;
    z-index: -1
}

@media (min-width:992px) {
    .col-md-offset {
        margin-left: 1.25% !important
    }

    .get-started-style {
        padding: 0 100px
    }

        .get-started-style .section-1, .get-started-style .section-2, .get-started-style .section-3, .get-started-style .section-4 {
            padding: 15px 0 60px 0 !important
        }

    .Dashboard-Knowledge-Center {
        padding-left: 32px
    }

    .knowledge-header-margin {
        margin-left: 32px
    }

    .Knowledge-margin-top {
        margin-top: 50px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .getstartedactivities-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 6px
    }

    .Primaryimage {
        height: 477PX;
        width: 100%;
        position: relative;
        background-size: 140% 62%;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_045.png);
        float: right;
        margin-top: -356px;
        z-index: -1
    }

    .knowledgeCentre .padding-left-42 {
        padding-left: 25px
    }

    .knowledgeCentre-InterestArea {
        width: 130px;
        font-size: 9px !important;
        margin-left: 0px !important;
        padding: 10px 0 10px 0 !important
    }

    div.knowledgeCentre-buttons {
        margin-left: 0px;
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        width: 218px !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 18px
    }


    .getstartedactivities-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 15px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .getstartedactivities-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }
}

.snippetCarousel .left.carousel-control.item.text-center, .snippetCarousel .right.carousel-control.item.text-center {
    height: 0
}

.professionalsHeading-contents {
    width: 100%;
    padding-top: 95px;
    position: absolute
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

.colsClass, .expClass {
    color: #f47e0a
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 379px;
        margin-left: -29px !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    background: 0 0;
    border-top: 4px dotted #e14504 !important;
    border: none;
    height: auto
}

.offset-md-1 {
    margin-left: 40px
}

.row.professionalsHearder {
    background-color: #fdf5f8
}

.navbar {
    margin-bottom: 0 !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.navbar-default {
    background-image: none !important
}

.about-home-content .media-body span:not(span.faicon) {
    font-size: 22pt
}

Button.Tracking-button {
    width: 13%;
    padding: 10px 0;
    background: #e14504;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #e14504;
    text-transform: uppercase;
    font-family: DMSans-Medium
}

.tracking-p {
    font-size: 42pt;
    font-family: DMSans-Regular;
    margin-bottom: 35px;
    margin-top: 0;
    letter-spacing: 2px !important;
    line-height: 50pt !important;
}

.tracking-check-div {
    margin-bottom: 10px;
    letter-spacing: .4px
}

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        padding-right: 5px
    }

.tracking-label {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


span.checkmark {
    border-radius: 12px;
    margin-left: 9px
}

.depression-checkbox {
    margin-right: 31px
}

.tracking-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee
}

.tracking-label:hover input ~ .checkmark {
    background-color: #ccc
}

.tracking-label input:checked ~ .checkmark {
    background-color: #e14504
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tracking-label input:checked ~ .checkmark:after {
    display: block
}

.tracking-label .checkmark:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.progress-div {
    float: left
}

.progress-div-line {
    float: left
}

.progress-div-line {
    width: 20px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

.tracking-dashboard-username-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 30px;
    margin-bottom: 30px;
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 40px;
    letter-spacing: 2px !important;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png)
}

.traking-primaryGraphicimg {
    height: 480px !important;
    opacity: .1
}

.tracking-container {
    margin-bottom: 60px
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 5px
    }

    .tracking-label {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 9px;
        width: 103px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 17%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .tracking-label {
        width: auto
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {


    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 23px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 13px;
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 22%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 30% !important
    }

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        cursor: pointer;
        width: auto;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 98%;
        margin-left: 25%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023.9px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 222px !important;
        float: none !important;
        margin-left: 0px;
        margin-right: 0px !important;
    }

    .row.footer-first-row {
        padding: 30px 0px;
    }

    .tacking_div {
        padding-left: 14%;
        padding-right: 3.5%;
    }


    .navbar-nav.navbar-right {
        left: 15px;
        position: relative;
    }

    .footer-elements div:nth-child(1) {
        width: 100%
    }

    .footer-elements div:nth-child(2) {
        width: 100%
    }


    .footer-elements div:nth-child(3) {
        width: 100%
    }

    .collapse.navbar-collapse.in div#myCompassNavbar {
        float: left;
    }

    div.navbar-header {
        width: 100%;
    }

    .modal-content .cursor {
        float: right;
        left: 0px;
    }

    .register_menu .inner-header-logo-left img.myCompassImg.myCompassMobile {
        min-height: 100px;
        min-width: 200px;
    }

    .register .dependen_question.padding-top-bottom-10 {
        padding-top: 0px !important;
    }

    .register .padding-top-bottom-10 {
        padding-bottom: 4px !important;
        padding-top: 5px !Important;
    }

    .register_menu .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 4px;
        border-radius: 1px;
    }

    .login_show_in_ipad {
        display: block !important
    }

    .login_hidden_in_ipad {
        display: none !important
    }

    .Basic-Text-Frame {
        z-index: 1000000;
    }

    .register label.padding-left-0.register-label.margin-left-32.padding-top-bottom-10.register-label {
        margin-top: 0px;
    }

    .register input.mobilenumber-border-orange {
        margin-bottom: 0px;
    }

    .register.padding-left-55 {
        padding-right: 55px;
        padding-left: 55px;
    }

        .register.padding-left-55 .Register-Continue-Style button.btn-step1-continue.Profile-Save-Button.button-orange.btnOrange {
            float: none;
        }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .mobile-color-white .navbar-collapse.collapse.in {
        display: block !important;
    }

    .register-header-wrapper p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        text-align: left;
        margin-top: 0px;
        padding-left: 10px !important;
    }

    .register-header-wrapper div.Basic-Text-Frame {
        top: 0px;
    }

    .register-header-wrapper p.Basic-Paragraph.ParaOverride-1.first.home {
        text-align: left;
        margin-top: 0px;
    }

    div.navbar-header.register_menu {
        width: 100%;
    }

        div.navbar-header.register_menu .right-header-logo {
            width: 40%;
            float: left;
        }

        div.navbar-header.register_menu .navbar-toggle {
            display: block;
        }

    .register-header-wrapper .professional_Backgorund {
        display: none;
    }

    .register-header-wrapper .professional_img {
        display: none;
    }

    .mobile-color-white div#myCompassNavbar {
        height: auto !important;
    }

    .register-header-wrapper.header ul.nav li {
        width: 100%;
        text-align: left;
        min-height: 66px;
    }

    .register-header-wrapper .professional .Basic-Text-Frame {
        position: relative;
    }

    .register-header-wrapper.header ul.nav li a {
        text-align: left;
    }

    .register-header-wrapper p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 0;
        padding: 0 0;
        width: 100%;
    }

    .Profile .selfassessmentpadding {
        padding: 0 15px 0 15px !important;
    }

    .dashboard .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: 0px !important;
    }

    .dashboard .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: 0px !important;
    }

    .lower-button-tracking .profile_Questionnaire {
        margin-left: 20px !important;
    }

    div.selfAssessmentInDashboard .first_question {
        left: 0% !important;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: 0px;
    }

    .next-btn.first_question {
        left: 0% !important;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: 0px;
    }

    .row.timeZone-div {
        margin-top: 0;
    }

    .Profile .tracking-setup-body .col-lg-3.col-xs-12.padding-left-0.padding-right-0 {
        padding: 10px;
    }

    .hide_only_ipad {
        display: none;
    }

    #snippetNotificationSetup div.Profile div.Profile-Save-Button.button-orange {
        padding: 10px 2px;
    }

    .traking-Section .Profile .col-lg-3.col-xs-12.padding-left-0.padding-right-0 {
        padding: 10px;
    }

    div.Profile-TrackingReminders-Dropdown-Headings2.via-Frequency {
        padding-left: 15px;
        margin: 0px;
    }

    div.Profile select.form-control.Profile-Tracking-Reminder-Dropdown {
        max-width: 460px !important;
    }

    .display_center {
        display: flex;
        justify-content: center;
        margin-left: 0px;
        margin-right: 0px;
    }

    .trackingReminderAutocompleteDiv, .snippetNotificationAutocompleteDiv {
        max-width: 500px !important;
    }

    div.Profile-TrackingReminders-Dropdown-Headings2 .margin-left-2-neg {
        margin-left: 0px;
    }

    .Profile .Profile-TrackingReminders-Dropdown-Headings2.via-Snippets {
        padding-left: 15px;
    }

    .Profile .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left {
        max-width: 460px !important;
    }

    .Profile .Profile-TrackingReminders-Dropdown-Headings2.timeZone-Snippet,
    .Profile .Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
        text-align: left;
    }

    div.Profile-TrackingReminders-Dropdown-Headings2, div.Profile .Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
        text-align: left;
        margin-left: 0%;
    }

    div.Profile .next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    div.Profile .self-assement-container-div.padding_right_0_Ipadpro {
        padding-right: 15px !important;
    }

    div.Profile div.first_question {
        left: 0% !important;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-bottom: 20px;
    }

    .empty-chart-wrapper .padding-top-20Percent {
        height: 396px !important;
        text-align: center !important;
        padding-top: 0% !important;
        VERTICAL-ALIGN: middle;
        display: table-cell;
    }

    div.emptyActiveModuleMessage {
        height: 396px !important;
        padding-top: 0%;
    }

        div.emptyActiveModuleMessage h4 {
            VERTICAL-ALIGN: middle;
            display: table-cell;
            height: 396px !important;
        }

    .knowledgeCentre .knowledge-header-margin {
        padding-left: 8%;
    }

    .sidenav div.header-right img.bdiImgMobile {
        margin-top: 10px !important;
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        max-width: 190px;
        float: inherit;
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        max-width: unset;
    }

    .HomePage .Profile-Save-Button.button-orange.landing-self-back {
        float: right;
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-back {
        max-width: 190px;
    }

    div.Activity-Completing-Heading {
        padding-left: 15px;
        padding-right: 15px;
    }

    .Profile .snippetType-box {
        padding: 10px 0;
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        width: 420px !important;
    }

    .register .help-block.error {
        padding-right: 30px !important;
    }

    .navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-right {
        width: 100%;
    }

    .try_activity_div {
        margin-bottom: 20px;
    }

    .contactUs-container.common-header div.header1 {
        background-size: 300px 500px !important;
        padding-top: 60px !important;
        height: 200px !important;
    }

    div.Profile div.Profile-Save-Button.button-orange {
        width: 215px !important;
        padding: 10px 2px;
    }

    div.favouriteSnippets .Snippet-FavoriteSnippetData-Author, .favouriteSnippets .Snippet-FavoriteSnippetData-Text {
        font-size: 18pt !important;
        line-height: 21pt;
    }

    div.tracking-graph-container .filter-section .add-an-entry.last-days {
        margin-bottom: 20px;
        width: 70%;
        margin-left: 15%;
    }

    div.tracking-graph-container .filter-section .add-an-entry {
        width: 70%;
        margin-left: 15%;
        margin-bottom: 20px;
    }

    .favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before, .favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important;
    }

    .browseSnippets .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important;
    }

    .Knowledgecenter .glyphicon-menu-right, .Knowledgecenter .glyphicon-menu-left {
        top: 20px;
    }

    div.Knowledge .circle div {
        top: 58px;
    }

    div.Knowledge .circle span {
        margin-top: 30px;
    }

    .Knowledgecenter .circle canvas {
        height: 165px !important;
        width: 165px !important;
    }

    .activity-module-container .row.progressbar-for-activity {
        width: 100%;
    }

        .activity-module-container .row.progressbar-for-activity div.progress-div {
            width: 30px;
            height: 30px;
        }

    .body-content div.row.activity-module-container .row.progressbar-for-activity .progress-div-line.sleep {
        width: 100% !important;
        margin-top: -16px !important;
        margin-left: 56.5% !important;
    }

    div .tracking-graph-container .add-an-entry {
        font-size: 14pt;
    }

    .HomePage .Profile-Save-Button.button-orange.landing-self-back {
        width: 210px !important;
        float: left;
        height: 44px !important;
        padding-top: 10px !important;
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        height: 44px !important;
        float: right;
    }

    div.border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        border: 1px solid #e14504;
        font-size: 14pt;
        max-width: 420px !important;
        font-family: DMSANS-REGULAR;
        background-color: #fff;
    }

        select.register-select {
            width: 100% !important;
            max-width: 420px !important;
            background-image: url(/Images/ArrowUp.png);
            background-repeat: no-repeat;
            background-position: right;
            -webkit-appearance: none;
        }


    #trackingGraph {
        min-height: 502px !important;
    }

    .register-already-registered {
        display: block !important;
        padding: 0;
        text-align: center;
        margin-left: 0px
    }

    .progress-main-div {
        width: 98%;
        margin-left: 38%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .first_question .btnNext.btnsize {
        width: 220px
    }

    .self-assement-container .first_question.questionnaire-next-button {
        margin-left: 25%
    }

    div.favouriteSnippets div.browseSnippets .about_dropDown_div.author .Snippet-About-DropDown {
        float: left
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        padding-right: 20px;
        padding-left: 20px !important;
        background-position: right 17% top 13px;
        width: 151.256px !important;
        float: left
    }

    div.favouriteSnippets div.browseSnippets .Snippet-About-DropDown {
        padding-right: 20px;
        padding-left: 20px !important;
        background-position: right 17% top 13px;
        width: 135.256px !important
    }

    div.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        margin-bottom: 350px
    }

    .favouriteSnippets div.browseSnippets {
        background-size: 432.09px 320.52px,100% 120%;
        background-position: right 18% bottom 84px,left 0 top 0
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 110px !important;
        right: 0;
        position: relative
    }

    div.favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        right: 40px;
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        top: 88px !important
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        top: 110px !important;
        left: 20px;
        position: relative
    }

    div .favouriteSnippets #myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        top: 110px !important;
        left: 40px;
        position: relative
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        top: 88px !important
    }
}

.tracking-check-div label {
    font-weight: 700 !important
}

.takeSelf-Assessment-text.color_black {
    color: #000 !important
}

.myCompass_users_label {
    cursor: pointer
}

.progress-div.active {
    background-color: #e14504
}

.text-below-tracking-button {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
    margin-top: -30px;
}

a.text-center.get-started-button.getstartedbutton.ng-binding {
    font-size: 12.096pt !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    text-decoration: none;
    margin-top: 10px !important;
    /*margin-bottom: 40px !important*/
    margin-bottom: 100px !important;
}

a.getstartedactivities-button.get_started.ng-binding {
    font-size: 12px !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    text-decoration: none !important;
    color: #fff !important
}

.form-control:focus {
    border-color: #e14504 !important;
    box-shadow: none !important
}

.btn_getstarted {
    margin: 42px 0 14px
}

.dropdown-menu li.ng-scope {
    display: block
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #000
}

.ddlBirthYear .dropdown-menu {
    display: block;
    top: 34px;
    left: 15px;
    height: auto;
    overflow-y: scroll;
    width: 40%;
    max-height: 150px
}

.ddlBirthYearMatch {
    display: block;
    top: 34px;
    left: 15px;
    height: 37px !important;
    overflow-y: scroll;
    width: 40%
}

.btnquestionnair:hover, .ddlBirthYear .active {
    border-bottom: none !important
}

button.btnquestionnair.active {
    border-bottom: 4px solid #ff9f1a !important
}

.questionnairSurvey p {
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-header {
    font-family: DMSans-Regular !important
}

.newUserModal-footer button.btn {
    border: 1px solid #e14504;
    color: #e14504;
    width: 50%
}

    .newUserModal-footer button.btn:hover {
        background-color: #e14504;
        color: #fff !important
    }

.modal-content .modal-body p {
    font-family: DMSANS-REGULAR;
    font-size: 10pt
}

.mobilenumber-border-orange {
    border: 1px solid #e14504;
    margin-left: 44px;
    width: 250px !important
}

.register .form-group {
    margin-bottom: 0 !important;
    /*   margin-left:100px !important;*/
}

.margin-top-6 {
    margin-top: 6px
}

.btn-continue {
    width: 15% !important;
    left: 620px !important
}

.register-font-text {
    font-family: DMSANS-Bold;
    font-size: 27pt;
    letter-spacing: 0 !important;
    line-height: 32.4pt;
    color: #272727 !important
}

.register-select-option {
    border: 1px solid #e14504;
    width: 250px;
    font-size: 14pt;
    font-family: DMSans-Regular;
    margin-left: 0;
    padding: 0 10px
}

.margin-top-90 {
    margin-top: 40px
}

.top-buffer {
    margin-top: 20px
}

.motivational-message {
    margin-left: -23px;
    padding-right: 0
}

.padding-top-80 {
    padding-top: 80px
}

.padding-top-10 {
    padding-top: 10px
}

.carousel-control-left {
    color: red
}

.carousel-control-right {
    color: red
}

.ShowMe {
    white-space: nowrap;
    margin-top: 6px
}

label {
    font-weight: unset !important
}

.font-Montserrat {
    font-family: Montserrat-Regular;
    color: #553c54
}

.display-inline {
    display: inline
}

.background {
    background: 0 0 !important
}

.panel-hide-show {
    margin-top: 20px !important;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: none !important;
    border-radius: 0 !important
}

.padding100 {
    padding-left: 100px !important
}

.padding100right {
    padding-right: 80px !important
}

.browse-snippets-p {
    margin: 0 0 10px 0
}

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

.margin-top-10 {
    margin-top: 10px
}

.font-size-17 {
    font-size: 17px
}

.navMenu {
    margin: auto 0 !important;
    text-align: left;
    padding: 0 4px !important
}

.navbar-default {
    box-shadow: none;
    background-color: #fff
}

.footer-heading {
    text-decoration: none !important;
    color: #fff;
    font-family: Lato,Arial,sans-serif;
    font-size: 13px
}

    .footer-heading:hover {
        text-decoration: none;
        color: #fff
    }

.height-20 {
    height: 20px;
    margin-right: 15px
}

.height-12 {
    height: 12px
}

.menufont {
    text-decoration: none !important;
    color: #31261d;
    font-size: 14px;
    font-family: Lato,Arial,sans-serif;
    margin: 15px
}

.hr {
    background-color: #c80000;
    -webkit-transform: rotate(90deg);
    position: absolute;
    height: 2px;
    left: 156px;
    border: 2px;
    margin-top: -24px
}

.marginmenuitem {
    margin-right: -25px
}

.marginbtnCollapse {
    margin: 15px
}

.profileDiv {
    float: right;
    margin-top: -30px;
    margin-right: 15px
}

.line {
    margin-top: 15px;
    height: 4%;
    width: 1px;
    background: #cfc7c0;
    top: 0;
    bottom: 0;
    position: fixed
}

.alignContent {
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
    padding-bottom: 40px;
}

.registration-sub-header .alignContent {
    padding-bottom: 0px;
}

.social-icon {
    height: 50px;
    width: 50px
}

.dropdownbutton {
    min-width: 150px
}

.margin-top-20 {
    margin-top: 20px
}

body {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-10 {
    margin-bottom: 10px
}

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

.margin-left-15 {
    margin-left: -15px
}

@media only screen and (max-width:901px) {
    .btn-step1-continue {
        margin-left: -10px !important
    }

    .register-aside-header {
        margin-left: 15px !important;
    }

    .btn-continue {
        width: 30% !important;
        left: 62px !important
    }

    .glyphicon.glyphicon-chevron-right:before {
        content: " " !important
    }

    .glyphicon.glyphicon-chevron-left:before {
        content: " " !important
    }

    .snippetCarousel .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    .snippetCarousel .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
    }

    label.padding-left-0.register-label.margin-left-32.padding-top-bottom-10.register-label {
        margin-top: 10px
    }

    margin-bottom-23 {
        margin-bottom: -23px !important
    }

    .hear_from, div.getstartedIn5-text, p.personalize-text {
        font-size: 33pt !important
    }

    .knowledgeCentre .padding100 {
        padding-left: 20px !important
    }

    span.expClass::after {
        content: ""
    }

    span.colsClass::after {
        content: ""
    }

    div.primaryGraphicimg {
        float: none
    }

    div.dashboard {
        margin-top: 0
    }

    .professional .Basic-Text-Frame {
        position: relative
    }

    .professional_img {
        display: none
    }

    .professional_Backgorund {
        display: none
    }

    .jump-to-topic .width-120-per {
        width: 150px !important
    }

    ul.jump-to-topic li:hover {
        text-decoration: none !important
    }

    div ul.jump-to-topic {
        margin-top: 18px
    }

    .hamberger-badge, .tracking-box {
        position: relative !important
    }

    body {
        width: 100% !important;
        overflow-x: hidden !important
    }

    button.nextclr {
        margin-left: 34px !important;
        padding: 9px 92px 10px 52px !important;
        width: 10% !important
    }

    .padding-trackingsetup {
        padding: 10px !important
    }

    select.margin {
        margin-bottom: 10px !important
    }

    input.margin1 {
        margin-bottom: 0 !important
    }

    .non-active-module-in-dashboard {
        height: auto !important
    }

    .remove-badge .badge {
        display: none
    }

    .navbar-nav {
        margin: 7.5px 7px
    }

    div.about_SelfAssessment .accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 5px !important
    }

    .mob-text-center {
        text-align: center !important
    }

    .align, ul.nav {
        text-align: center
    }

    .mobile-width-115per {
        width: 115% !important
    }

    .margin-left22px {
        margin-left: -8px !important
    }

    .margin-left-minus65px {
        margin-left: 0 !important
    }

    .margin-left-mobile-minus5 {
        margin-left: -5px
    }

    .tracker-social-right {
        margin-left: 0 !important
    }

    .margin-right-5px {
        margin-right: 1px !important
    }

    .margin-top-tracker-40 {
        margin-top: 10px !important
    }

    .mob-margin-left-3per {
        margin-left: -3% !important
    }

    .margin-left-mobile-minus15 {
        margin-left: -15px !important
    }

    .padding-bottom-mob-25px {
        padding-bottom: 25px !important
    }

    .margin-left-paused-circle-22 {
        margin-left: 0 !important
    }

    .circleInDashboard canvas {
        height: 145px !important;
        width: 145px !important;
        margin-left: -21px !important;
        margin-top: -8px !important
    }

    .margin-left-48px {
        margin-left: -10px !important
    }

    .mobile-margin-top-42 {
        margin-top: 15px !important
    }

    .align {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px
    }

    .hamberger-badge {
        position: relative !important;
        right: -5px;
        top: 15px;
        float: left;
        z-index: 1;
        margin-right: 5px
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 5% !important
    }

    .userQuestions div.row {
        margin-left: 0 !important;
        margin-right: 0
    }

    .nav li.icon {
        display: inline-block
    }

    .mobile-hidden {
        display: none
    }

    .mobile-color-white div#myCompassNavbar {
        height: auto !important
    }

    ul.nav {
        text-align: center
    }

    .tracking-box {
        position: relative !important
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -16px;
        padding-left: 10px;
        border-left: 0;
        margin-top: 25px
    }

    .mobile-text-align-center {
        text-align: center !important
    }

    .width-100-per-mobile {
        width: 100%
    }

    div.Screenshot1-image-margin {
        text-align: start;
        margin-top: -43px;
        margin-right: 2px
    }

    .mobile-remove-margin-left {
        margin-left: 0
    }

    .footer-elements {
        width: 100%;
        background-repeat-y: no-repeat;
        background-size: 156% 100%;
        margin-left: 2px;
        padding-top: 74px;
        margin-top: 0 !important
    }

    .footerHome {
        background: 0 0 !important
    }

    .remove-left-margin-mobile {
        margin-left: -10px !important
    }

    .margin-left-5-neg {
        margin-left: 0 !important
    }

    .lead1 {
        margin-bottom: 14px;
        font-size: 12px !important;
        line-height: 1.4
    }

    .getstartedbutton-width {
        width: 50% !important;
        margin-left: 0 !important
    }

    .mob-14week {
        padding-left: 6px;
        padding-top: 15px
    }

    .mob-14week1 {
        padding-top: 28px;
        padding-left: 30px
    }

    .margin-left-5neg {
        margin-left: 0 !important
    }

    .padding-7week {
        padding: 0
    }

    .header ul.nav li {
        width: 100%;
        text-align: left;
        min-height: 66px
    }

        .header ul.nav li a {
            text-align: left
        }

    .mobile-padding-0 {
        padding: 0
    }

    .mobile-padding-left-0 {
        padding: 0
    }

    .mobile-padding-margin-left-less5 {
        padding-left: 0;
        margin-left: -5px;
        margin-top: 25px
    }

    .mobile-text-align-left {
        text-align: left !important
    }

    .margin-continue-register {
        margin-left: 4%
    }

    div.getstartedbutton.getstartedbutton-width.share-mycompass {
        padding: 9px 0
    }

    span.healthcare-text {
        letter-spacing: 0 !important;
        font-size: 26px !important
    }

    .healthCareHeight {
        line-height: 24px
    }

    h1.myCompass-text {
        letter-spacing: 0 !important;
        font-size: 42px !important
    }

    .ModuleButtonSpan {
        height: 100% !important;
        overflow: scroll
    }

    div.submit-tracking-button {
        font-size: 12px !important;
        margin-left: 16.6666% !important
    }

    .dashboard-progress-bar .circle div {
        top: 92px;
        left: 0
    }

    .dashboard-progress-bar .circle span {
        top: 64px;
        left: 0
    }

    .dashboard-progress-row {
        padding-top: 35px !important
    }

    .activity-progress-row {
        padding-top: 35px !important
    }

        .activity-progress-row .circle div {
            top: 28px;
            left: 5px
        }

        .activity-progress-row .circle span {
            margin-left: 5px
        }

    .reset-password-header {
        font-size: 30px !important
    }
}

@media (min-width:1281px) {
    .icon {
        list-style: none;
        float: left;
        margin: 0;
        padding: 5px;
        position: relative;
        top: 8px
    }

    .footermargin {
        margin-left: -64px
    }
}

@media (min-width:1281px) {
    .marginleft {
        margin-left: -25px
    }
}

@media (min-width:1281px) {
    .width-120 {
        width: 120px
    }
}

@media (min-width:1281px) {
    .floatright {
        float: right
    }
}

@media only screen and (max-width:768px) {
    input.mobilenumber-border-orange {
        width: 286px !important
    }

    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: 12px !important;
    }

    .next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 222px !important
    }

    span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-bottom: 20px;
    }

    div .favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
        margin-bottom: 350px
    }

    div.browseSnippets {
        background-position: right 20% bottom 35px,left 0 top 0;
        background-size: 90% 20%,100% 133%
    }

    span.CharOverride-47 {
        text-align: left
    }

    .professional p.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0;
        text-align: left;
        padding-top: 0px !important;
        padding-left: 0px;
    }

    li.professional {
        padding: 0 14px !important;
        position: relative
    }

    .content-link {
        font-size: 15px !important
    }

    .mobile-content-link {
        padding-left: 15px !important
    }

    .Profile .mobile-content-link {
        padding-left: 0px !important
    }

    .btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .btn-org-mobile {
        width: 50% !important;
        padding-left: 19% !important;
        margin-left: 50px !important
    }

    button.next {
        margin-left: -15px !important;
        padding: 10px 92px 10px 50px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 30px 18px 32px !important
    }

    .mobile-margin-left-15px {
        margin-left: 15px
    }

    .ModuleButtonSpan {
        width: 85% !important
    }

    .circleInButton canvas {
        width: 40px;
        height: 40px
    }

    .mobile-padding-right-12 {
        padding-right: 12px
    }

    .mobile-margin-left-less15 {
        margin-left: -15px
    }

    .mobile-module-box {
        width: 115% !important;
        height: 100% !important
    }

    .mobile-margin-left-15per {
        margin-left: 15%;
        padding-left: 0
    }

    .mobile-width-98per {
        width: 98% !important
    }

    .mobile-padding-bottom-5 {
        padding-bottom: 5px !important
    }

    .mobile-margin-left-bottom-15 {
        margin-left: 14%;
        margin-right: 13%;
        margin-bottom: 5%
    }

    .mobile-margin-left-bottom-5 {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px
    }

    .btnWidthMarginLeft {
        width: auto !important;
        margin-left: 0 !important
    }

    .mobile-margin-left-5px {
        margin-left: -5px !important
    }

    .margin-left-view-acti-12per {
        margin-left: 12% !important
    }

    .mobile-margin-left-15 {
        margin-left: -15px;
        margin-right: -15px !important
    }

    .complete-panel {
        margin-top: 0 !important;
        margin-left: 15px !important;
        margin-right: 15px !important
    }

    .margin-top-38 {
        margin-top: 0 !important
    }

    .continue3 {
        clear: both;
        top: 10px
    }

    .mobile.continue2 {
        margin: 0
    }

    .margin-top-minus-4 {
        margin-top: 8px !important
    }

    .margin-bottom-10 {
        margin-bottom: 10px
    }

    .margin-left-10Less {
        margin-top: 10px !important
    }

    .motivationalmessage-mobile {
        margin-left: -30px;
        padding-right: 0
    }

    .margin-top-6 {
        margin-top: 6px
    }

    .text-align-center {
        text-align: center
    }

    .margin-left-about {
        margin-left: -20px
    }

    .margin-top-30 {
        margin-top: 30px
    }

    .display {
        display: none
    }

    .mobile-padding-top-15 {
        padding-top: 15px
    }

    .myCompassImg {
        width: 251px !important;
        float: left
    }

    .header-right {
        margin-top: -23px !important;
        font-size: 18px
    }

    .navbar.container.navbar-default.clr div#myCompassNavbar {
        height: 0 !important
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54;
        text-align: center
    }

    .font-Montserrat-black-report {
        font-family: Montserrat-Regular;
        color: #553c54;
        text-align: center
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 0px 14px
    }

    .text-margin-left {
        margin-left: 23px !important
    }

    .height-20 {
        height: 20px
    }

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

    .fontsize {
        font-size: 10px !important
    }

    .margin-left-10per {
        margin-left: -2% !important
    }
}

@media only screen and (max-width:768px) {
    .first_question .btnNext.btnsize {
        width: 210px !important;
        float: none;
    }

    div.favouriteSnippets .browseSnippets .about_dropDown {
        padding-right: 0
    }

    div.favouriteSnippets .browseSnippets .about_dropDown_div {
        padding-right: 0
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px
    }

    div.margin-left-10Less {
        margin-left: -25px
    }

    .leftSide-img img {
        height: 314px
    }

    .padding-home-button {
        margin-bottom: 20px;
        margin-left: 0
    }

    .professionalsHeading-contents {
        padding-top: 50px !important;
        width: 100% !important;
    }

    div.sharewithmyCompass div.printable-brochures-main-header {
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 200px;
        background-repeat: no-repeat;
        background-position: right 0 top;
        background-size: 60% 100%,100% 100% !important;
    }

    .offset-md-1 {
        margin-left: 0 !important
    }

    .mobile-your-teatment-7days-containor {
        float: left;
        width: 100%;
        display: block
    }

        .mobile-your-teatment-7days-containor .your-treatment-number {
            float: left !important
        }

        .mobile-your-teatment-7days-containor .your-treatment-7-day {
            float: left !important;
            text-align: left
        }

    .landing .self-assessment-mobile-container {
        padding-left: 0;
        padding-right: 0
    }

        .landing .self-assessment-mobile-container .featureSnippet.self-assesment {
            margin-left: 15px !important;
            margin-right: 15px !important
        }

        .landing .self-assessment-mobile-container .self-asessment-options {
            text-align: center
        }

    .register-contine {
        padding: 0 !important
    }
}

@media screen and (min-width:780px) {
    .min-height-178-web {
        min-height: 178px
    }

    .share-mycompass-button button {
        padding: 0
    }

    .padding-left-55 {
        padding-left: 55px !important
    }

    .padding-left-42 {
        padding-left: 42px
    }

    .border-left-registration {
        border-left: 1px solid #cecece
    }

        .border-left-registration .padding-left-registration {
            padding-left: 73px
        }

    .border-right-registration .padding-left-registration {
        padding-left: 73px
    }

    .dispaly-table {
        display: table
    }

    .table-cell {
        display: table-cell
    }

    .virtical-align-middle {
        vertical-align: middle
    }

    .float-none {
        float: none
    }

    .remove-left-padding {
        padding-left: 0
    }

    .required {
        color: #000
    }
}

@media only screen and (max-width:768px) {
    .footer-element-margin-left {
        margin-left: -20px;
        width: 110px
    }

    .padding-width-fontsize {
        padding-top: 14px;
        padding-left: 6px;
        font-size: 16px;
        text-align: center
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }

    .text-padding {
        padding-top: 0
    }

    .red-color {
        color: #e24201
    }

    .font-Montserrat-black {
        font-family: Montserrat-SemiBold;
        color: #553c54
    }

    .font-weight-and-size {
        font-size: 50px;
        text-align: center
    }
}

@media only screen and (max-width:768px) {
    .lineMobile {
        margin-top: 15px;
        height: 4%;
        width: 1px;
        background: #cfc7c0;
        top: 4px;
        bottom: 0;
        position: fixed
    }
}

@media only screen and (max-width:768px) {
    .alignContent {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    label.control-label.alignContent {
        padding: 0 15px
    }

    .top-padding-40 {
        padding-top: 0 !important
    }

    .imgmobwidth95per {
        width: 60% !important
    }

    .margin-top-100 {
        margin-top: 40px !important
    }

    nav div.navbar-header.margin-left-10-percent {
        margin-left: 8% !important
    }

    .margin-left-15 {
        margin-left: -15px !important
    }

    .lead-text-heading {
        font-size: 25px !important
    }

    .image-margin {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .margin-left-6 {
        margin-left: 0 !important
    }

    .marginleftmob0 {
        margin-left: 0 !important
    }

    .padding-left-36per-mob-0per {
        padding-left: 4% !important
    }

    .padding-left-41per-mob-0per {
        padding-left: 5% !important
    }

    .div-boder-rightColormob {
        border: 1px solid #ddddd6 !important
    }

    .div-shadow {
        -moz-box-shadow: 8px 10px 4px -8px #ccc;
        -webkit-box-shadow: 8px 10px 4px -8px #ccc;
        box-shadow: 0 5px 6px 0 #ccc
    }

    .text-margin-left-mob {
        margin-left: 3px !important
    }

    div.Screenshot1-image-margin {
        text-align: start !important;
        margin-top: -5px !important;
        margin-right: 15px !important
    }

    .Screenshot3-image-margin {
        margin-top: -9px !important;
        margin-left: -12px !important
    }

    .font-size-22-mob {
        font-size: 22px !important
    }

    .text-size-mob {
        font-size: 28px !important;
        padding-top: 41px !important
    }

    .font-size-11-mob {
        font-size: 11px !important
    }

    .self-assesment-text-mob {
        font-size: 12px !important;
        font-family: Montserrat-Regular
    }

    .font-Montserrat-Light-Mob {
        font-family: Montserrat-Regular !important
    }

    .font-size-17-Mob {
        font-size: 17px !important
    }

    .btn-text-styling-mob {
        text-transform: uppercase;
        font-size: 12.096pt
    }

    .text-uppercase-mob {
        text-transform: uppercase
    }

    .font-size-10-mob {
        font-size: 10px !important
    }

    .margin-top30-mob {
        margin-top: 30px !important
    }

    .margin-right-2-mob {
        margin-right: 2px !important
    }

    .margin-left-right-none {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .margin-left-20per {
        margin-left: -20% !important
    }

    .progressbar-margintop-right {
        margin-top: 5px;
        float: right;
        padding-right: 3px
    }

    .box-height {
        height: auto !important
    }

    .height-whitebutton1 {
        height: 57.79px !important
    }

    .paddingtop15 {
        padding-top: 15px !important
    }

    .box-width93per {
        width: 86% !important
    }

    .paddingleft5per {
        padding-left: 10% !important
    }

    .or-box-margin-left-right {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .or {
        color: #bebebe;
        background-color: #fff;
        position: absolute;
        text-align: center;
        top: -11px;
        width: 40px;
        left: 135px !important
    }

    .removeRow {
        padding-right: 3px !important;
        padding-left: 0 !important
    }

    .btn-line-height {
        width: 100% !important;
        cursor: pointer
    }
}

.margin-left30 {
    margin-left: 30px
}

.box-height {
    height: auto
}

.height-whitebutton {
    height: 57.79px !important
}

.mobile-color-white {
    background-color: #fff !important
}

.padding-margin-left {
    padding-left: 25px !important;
    margin-left: 0
}

.mobile-padding-left-30 {
    padding-left: 30px !important
}

.register .row {
    padding-bottom: 3px;
    padding-top: 3px;
    position: relative;
    clear: both;
}

.social-icon.twitter {
    height: 36px;
    width: 36px;
    margin-left: 6px
}

.social-icon.google {
    height: 40px;
    width: 43px;
    margin-left: 2px
}

.removeColor, .removeColor:active, .removeColor:focus, .removeColor:focus:active {
    background-color: transparent !important;
    color: #00f;
    background-image: none !important;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    outline: 0 !important
}

.loginlinksign {
    font-size: 26px;
    vertical-align: middle;
    color: #c1c1c1
}

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

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-bottom-5 {
    padding-bottom: 5px
}

.header-right {
    margin-top: 15px !important;
    font-size: 18px;
    padding-left: 5px;
    margin-right: 0
}

    .header-right .bdiImgMobile {
        width: 150px
    }

.fade-blue {
    color: #bebefb
}

button.btn-primary:hover {
    color: #286090;
    cursor: pointer
}

.error, .help-block {
    color: #e14504;
    font-size: 12pt !important
}

.text-align-center {
    text-align: center
}

img.info-tooltip {
    width: 15px
}

.clear {
    clear: both
}

@media only screen and (min-width:769px) {
    .text-align-right {
        text-align: right
    }

    .option-2-selfassessment {
        padding-left: 0;
        text-align: center
    }

    .margin-left-9per {
        margin-left: 9%
    }

    .padding-left-right-45 {
        padding: 0 45px
    }

    div.progress-wrapper {
        width: 200px;
        float: left
    }

    div.web-canvas-dashboard {
        padding-left: 0;
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        height: 570px;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .share-mycompass-button {
        padding-right: 25px
    }

        .share-mycompass-button button {
            padding: 0
        }
}

@media only screen and (max-width:768px) {
    .dashboardDatePickerMob {
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 37.33% !important;
        float: left !important
    }

    .mobile-margin-top-25 {
        margin-top: 25px
    }

    .mobile-padding-20 {
        padding: 20px
    }

    .center-img {
        width: 100%
    }

    .mobile-width-100-percent {
        width: 100%
    }

    .mobile-width-100-percent-important {
        width: 100% !important
    }

    .register-selfassessment .yellowbox {
        margin-left: 0 !important
    }

    .margin-padding {
        padding-left: 15px !important;
        padding-bottom: 20px
    }

    .margin-top-27px {
        margin-top: 0
    }

    .margin-left-39 {
        margin-left: 0
    }

    .margin-left-12 {
        margin-left: 0
    }

    .margin-left-4 {
        margin-left: 0 !important
    }

    .profilepadding {
        padding: 5px !important
    }

    .selfassessmentpadding {
        padding: 0 8px 0 9px !important;
        margin-top: -22px
    }

    .resultselfpadding {
        padding: 5px !important
    }

    .margin-bottom-21 {
        margin-bottom: 0 !important
    }

    .width-postcode2 {
        width: 51% !important
    }

    .margin-left-39 {
        margin-left: 0 !important
    }

    .margin-top-27px {
        margin-top: -10px !important
    }

    .margin-left-12 {
        margin-left: 0 !important
    }

    .mob-margin-padding-next {
        margin-top: -6%;
        padding-bottom: 43px
    }

    .resultselfpadding1 {
        padding: 1px 40px 33px 23px !important;
        margin-top: -22px
    }

    .margin-left-42 {
        margin-left: 25% !important
    }

    .padding-snippet {
        padding: 5px 3px 8px 9px !important
    }

    .margin-left-20min {
        margin-left: -8px !important
    }

    .margin-left-62 {
        margin-left: -12px !important
    }

    .text-align-right {
        text-align: left !important
    }

    .padding-send {
        padding: 0 10px 13px 7px !important
    }

    .margin-send {
        margin-left: 0 !important;
        margin-bottom: 0%;
        margin-top: 0 !important
    }

    .row.timeZone-div {
        margin-top: 0;
    }

    .Default-Snippet-Types {
        margin-left: 20px !important;
    }

    span.checkmark-defaultSnippetTypes {
        margin-left: 0px !important;
    }

    .favouriteSnippet-div div.item.snippetData {
        width: 100% !important;
    }

    .Snippet-FavoriteSnippetData-Author {
        line-height: 20.8pt !important;
    }

    .margin-left-2-neg {
        margin-left: 0 !important
    }

    .margin-freq {
        margin-left: 0 !important;
        margin-top: 1% !important;
        margin-bottom: 5%
    }

    .margin-freq1 {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-bottom: -3%
    }

    .margin-timezone {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-mssidn-input {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .margin-via {
        margin-top: -4px !important;
        margin-left: 2px !important
    }

    .padding-trackingremind {
        padding: 5px 3px 8px 9px !important
    }

    .mob-padding-left-right-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-top-1per {
        margin-top: 1%;
        padding: 0 !important
    }

    .margin-left-31 {
        margin-left: 0 !important
    }

    .padding-right-5 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .margin-left-7 {
        margin-left: -7% !important
    }

    .padding-bottom-10 {
        padding-bottom: 10px
    }

    .margin-left-15per {
        margin-left: 0 !important
    }

    .margin-left-7px {
        margin-left: 0 !important
    }

    .margin-left-2point5per {
        margin-left: 0 !important
    }

    .margin-left-42px {
        margin-left: 42px
    }

    .next-finish {
        margin-bottom: -12px;
        margin-top: 0;
        margin-left: -6%
    }

    .margin-left-40per {
        margin-left: 25% !important
    }

    .mobile-margin-left-10 {
        margin-left: 10px
    }

    btn-mobile {
        min-width: 100px !important;
        margin-left: -5px !important
    }

    .mobile-continueclr1 {
        color: #000;
        background: #fe9a04f0;
        padding: 0 29px 11px 23px !important
    }

    .mobile-margin-left-5 {
        margin-left: -5px
    }

    div .btn1 {
        margin-left: -10px;
        min-width: 100%;
        font-size: 15px;
        text-align: left;
        margin-bottom: 7px;
        margin-top: 7px;
        border: 1px solid transparent;
        border-radius: 4px;
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer
    }

    .mob-margin-bottom-2per {
        margin-bottom: -2%;
        margin-left: 3%
    }

    .mob-margin-next {
        margin-left: 0 !important
    }

    .mob-margin-finish {
        margin-left: -10px
    }
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 100px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog {
    box-sizing: border-box
}

    .ngdialog *, .ngdialog :after, .ngdialog :before {
        box-sizing: inherit
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

    .ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-content, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay {
        -webkit-animation: none !important;
        animation: none !important
    }

.ngdialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog-no-overlay {
    pointer-events: none
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    pointer-events: all
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

.loaderlayoutbackground {
    background-color: #000;
    opacity: .8;
}

.weeksddl {
    display: inline
}

.reportOverview {
    display: inline;
    margin-left: 20px
}

.dashboard {
    margin-top: -20px
}

    .dashboard .container-fluid {
        background: #f7f7f7
    }

.padding-top-20 {
    padding-top: 20px
}

.btnViewReports {
    background: #f79c00;
    border: none;
    box-shadow: 0 1px 2px 0 #888;
    padding: 8px 8px 8px 8px;
    border-radius: 2px;
    cursor: pointer
}

div .tracking-checkboxWeb-inline {
    margin-right: 5px;
    margin-left: 8px;
    padding: 5px;
    zoom: 1.5 !important;
    vertical-align: middle;
    margin-top: 0
}

.width-140 {
    width: 140px
}

.color-red {
    color: red
}

.color-red-hover:hover {
    text-decoration: none !important;
    color: red !important
}

.width-100-per {
    width: 100%
}

.activeModule {
    border: 1px inset #d5d5d5;
    height: 200px;
    background: #f0f0f0;
    margin-top: 3px
}

.dashboardHeader {
    font-family: DMSans-Regular;
    font-size: 14pt;
    color: #000;
    margin-left: 18px;
    line-height: 16.8pt;
    letter-spacing: 0;
}

.font-LucSans {
    font-family: 'Lucida Sans'
}

.moduleInnerContent {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 21px;
    text-align: center;
    margin-top: 30px
}

.activeModuleLabel {
    font-size: 12px
}

.btnOrange {
    padding: 14px 15px;
    background: 0 0;
    border-radius: 26px;
    cursor: pointer;
    border: 1px solid #e14504;
    display: inline-block
}

    .btnOrange:hover {
        text-decoration: none
    }

.snippetBody {
    background: #fff5e8;
    border-radius: 3px;
    padding: 5px 5px
}

.snippetAnchor {
    color: #f79c00;
    font-size: 25px
}

    .snippetAnchor:hover {
        text-decoration: none !important
    }

.width-2-per {
    width: 2%;
    padding-top: 2px;
    padding-bottom: 2px
}

.knowledgeCentre {
    background: 0 0;
    padding-bottom: 20px;
    padding-top: 0;
    padding-bottom: 50px
}

.knowledgeCentreItems {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px
}

.emptychartMessage {
    font-family: DMSANS-MEDIUM;
    font-size: 12pt;
    margin-left: 20px;
    color: #f4f1ef;
    height: 396px !important;
    background-color: #fff;
    border-radius: 8px
}

.divscroll-height.empty-chart-wrapper {
    height: auto !important;
    padding-left: 0;
    border-radius: 15px !important
}

.emptychartMessage p {
    margin-bottom: 0
}

.addAnotherRepo a:hover {
    text-decoration: none !important;
    color: red;
    cursor: pointer
}

.addAnotherRepo {
    display: inline
}

.editTracking:hover {
    text-decoration: none !important
}

.hover-text-decoration-none:hover {
    text-decoration: none !important
}

@media only screen and (max-width:768px) {
    .mobile-footer-height {
        padding-top: 45px !important
    }

    .row.footer-elements {
        width: 100% !important;
        margin: 35px auto
    }

    div.mobile-footer-height.foote_desktop_row {
        padding-top: 20px !important
    }

    .balck_dog_text {
        float: left
    }

    .black-Dog-Institute-width {
        width: 350px !important
    }

    .footer_log_div {
        float: right
    }

    .dashboardHeader {
        margin-left: 15px !important
    }

    .dashboard-username-text {
        font-size: 30pt !important
    }

    .reportOverview {
        display: inline;
        margin-left: 0 !important
    }

    img.footer_background {
        height: 240px !important;
        width: 100% !important
    }

    .header-right {
        margin-right: 25px !important;
        margin-left: 5px;
        padding-left: 0 !important
    }

    .registration_Background_img img {
        position: absolute;
        height: 286px;
        width: 100%;
        margin-top: -19px
    }

    .mobile-font-11 {
        font-size: 11px;
        text-align: start
    }

    .mobile-text-align-start {
        text-align: start
    }

    .mobile-margin-left5per {
        margin-left: 5% !important
    }

    .mobile-font-size-20 {
        font-size: 20px
    }

    .mobile-padding-top-20 {
        padding-top: 20px
    }

    .backgound-color {
        background: #f7f7f7
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .mobile-margin-left-less35 {
        margin-left: -35px !important
    }

    .mobile-padding-left-0 {
        padding-left: 0 !important
    }

    .mobile-font-size-17 {
        font-size: 17px
    }

    .mobile-font-size-14 {
        font-size: 14px
    }

    .mobile-margin-0 {
        margin: 0
    }

    .font-size-12 {
        font-size: 12px !important
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-background-red {
        background-color: red !important
    }

    .mobile-color-white {
        background-color: #fff !important
    }

    .editTracking {
        text-align: left;
        margin-top: 15px;
        margin-left: 0
    }

    .mobile-margin-bottom-10 {
        margin-bottom: 10px !important
    }

    mobile-margin-left22 {
        margin-left: 22px
    }

    .margin-for-mobile {
        margin: 0
    }

    .mobile-margin-1 {
        margin: 1px
    }

    .m-margin-left21 {
        margin-left: 21px !important
    }

    .m-margin-left10 {
        margin-left: 10px !important
    }

    .mobile-margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-top-auto {
        top: 0 !important
    }

    .m-margin-left {
        margin-left: 55px !important;
        margin-bottom: 16px;
        margin-top: 18px;
        height: 37px;
        text-align: center;
        line-height: 35px
    }

    .backgound-image {
        background-size: 126% 100% !important;
        height: 386px !important;
        width: 308px !important;
        margin-right: 13px !important;
        margin-left: 0 !important;
        margin-top: -137px !important
    }

    .font-size-12 {
        font-size: 12px
    }

    .font-size-19 {
        font-size: 19px
    }

    .mobile-top-bottom-left-0 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .mobile-padding-bottom-top-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .padding10 {
        padding: 0 !important
    }

    .mobile-padding-top-10 {
        padding-top: 10px
    }

    .mobaile-padding-bottom-10 {
        padding-bottom: 10px
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important
    }

    .mobile-top-0 {
        top: 0 !important;
        margin-left: -14px !important
    }

    .rightNavBar {
        text-align: left !important
    }

        .rightNavBar li.icon {
            display: block
        }

    .letsStarted {
        margin-top: -10px
    }

    .moveleft-web-15 {
        left: 0 !important
    }

    .bell-badge {
        position: relative !important;
        left: -10px;
        top: -15px !important
    }

    .moduleInnerContent {
        margin-top: 10px;
        margin-left: 22px
    }

    .snippetBody {
        margin-left: 22px
    }

    .viewSnippets {
        margin-left: 47px
    }

    .emptychartMessage {
        font-size: 20px;
        margin-top: 40px;
        margin-left: 75px;
        text-align: left
    }

    .emptyModuleMessage {
        font-size: 20px !important
    }

    .font-size-13 {
        font-size: 13px
    }

    div .tracking-checkboxWeb-inline {
        margin-left: 9px
    }

    div .tracking-header {
        font-size: 19px;
        margin-top: 10px !important
    }

    .tracker-border-right {
        border: none !important
    }

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

    .basicModuleLabel {
        padding-left: 0
    }

    .canvas-width {
        width: 300px !important;
        height: 300px !important
    }

    .padding-top-45 {
        padding-top: 0
    }

    .hrcustom.mobile-hidden {
        display: none
    }

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

    .margin-left-10 {
        margin-left: 0 !important
    }

    margin-left-38 {
        margin-left: 38px !important
    }

    .margin-top-15 {
        margin-top: 0 !important
    }

    .mob-width {
        width: 105%
    }

    .margin-left-0 {
        margin-left: 0 !important
    }

    .mobile-self-assement-div {
        padding: 0 !important
    }

    .margin-top-2 {
        margin-top: 1% !important
    }

    .margin-bottom-14 {
        margin-bottom: 30%
    }

    .border-spacing-4 {
        border-spacing: 2px
    }

    .mob-footer {
        padding-right: 0;
        padding-left: 35px
    }

    .mob-padding-0 {
        padding: 0
    }

    .mob-padding-0-important {
        padding: 0 !important
    }

    .marginknowledge {
        margin-left: 0 !important
    }

    .padding-bottom-19 {
        padding-bottom: 19px
    }

    .padding-bottom-13 {
        padding-bottom: 13px
    }

    .width-276 {
        width: 100% !important
    }

    .float-left {
        float: none !important
    }

    .margin-left-right {
        margin-left: -30px;
        width: 123%
    }

    .selfAssessmentInDashboard {
        padding: 0
    }

        .selfAssessmentInDashboard .self-assessment-container {
            padding: 0
        }

        .selfAssessmentInDashboard .margin-left-right {
            margin-left: auto;
            width: auto
        }

    .dashboard-username-text {
        word-wrap: break-word
    }
}

.box-shadow {
    box-shadow: 0 1px 2px 0 #888
}

.padding10 {
    padding: 10px
}

.paddingl-left-10 {
    padding-left: 10px
}

.tracking-box {
    background: #fff
}

.tracking-header {
    margin-top: 0 !important;
    margin-left: 0px
}

.tracker-border-right {
    border-right: 1px solid #d2d2d2
}

.cursor {
    cursor: pointer
}

div.carousel.custom-carousel a.remove-carousel-handle-color {
    background-color: transparent;
    background-image: none;
    width: 30px
}

div.carousel.custom-carousel div.item.snippetData {
    width: 80%;
    margin-left: 10%;
    background-color: #fff5e8;
    padding: 12px
}

.word-wrap {
    word-wrap: break-word
}

.notification-bell {
    font-size: 20px
}

.bell-badge {
    background-color: #54d2ec;
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 3px 6px
}

.myPopover-header {
    padding-bottom: 9px;
    margin: 2px 0 20px;
    border-bottom: 1px solid #eee
}

.symptomModel-header {
    padding: 15px 0 0 15px
}

    .symptomModel-header h3 {
        color: #dec26b
    }

.ProfileModal-dialog {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    width: 215px;
    transform: translate(-50%,-50%)
}

.modal-content {
    background: #fff
}

.layoutsymptomModal .modal-content {
    background: #fff !important;
    border: 1.5pt solid #e14504
}

.layoutsymptomModal .modal-body p {
    color: #000 !important
}

.layoutsymptomModal .btnPurple {
    padding: 7px 50px;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    border: 1.5pt solid #e14504;
    text-transform: uppercase;
    margin-left: 0
}

.layoutsymptomModal .btn:hover {
    color: #fff !important;
    background: #e14504
}

.layoutsymptomModal .btnPurple {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important
}

.modal-contentQuestionnaire {
    background: #fff
}

.symptomModel-footer {
    text-align: center;
    padding: 5px 0 0 0;
    max-width: 100%
}

.btnPurple {
    background: #7c6a92;
    font-size: 13px;
    color: #f9eeee;
    cursor: pointer
}

.btn-White {
    font-size: 13px;
    margin-left: 15px;
    cursor: pointer;
    background: #fff;
}

.modal-body p {
    color: #f9eeee
}

.link-badge {
    margin-left: 4px
}

.popover-title {
    background: #885bf1;
    color: #f9eeee
}

.popover {
    padding: 0;
    border: none
}

    .popover.bottom .arrow:after {
        border-bottom-color: #885bf1
    }

.notification-link {
    color: #78797b;
    padding-top: 10px;
    margin-left: -15px
}

    .notification-link:hover {
        text-decoration: none !important;
        cursor: pointer
    }

.hidden {
    display: none !important
}

.knowledgeCentre-buttons {
    cursor: pointer;
    width: 100%
}

.link-color {
    color: #cd4c1d
}

    .link-color:hover {
        color: #cd4c1d;
        cursor: pointer
    }

.shown {
    display: block
}

.snippetNavigation {
    margin-top: 30px;
    color: #f79c00;
    font-size: 20px
}

.self-assesment .bode-Text-Color {
    color: #000
}

.self-assesment .dark-blue {
    background-color: transparent !important
}

.self-assesment .border-bottom-Zero {
    border: none
}

.self-assesment .nav-tabs > li.active > a, .self-assesment .nav-tabs > li.active > a:focus, .self-assesment .nav-tabs > li.active > a:hover {
    font-family: Montserrat-SemiBold
}

.self-assesment .nav-tabs > li > a:hover {
    background-color: transparent;
    color: #e14504;
    border-bottom: 6px solid #e14504
}

.self-assesment .btnWhite {
    color: #000;
    background: #f79c00;
    cursor: pointer;
    border-radius: 0;
    font-size: 13px;
    font-family: Montserrat-Regular
}

.tracking-setup {
    background-color: #fff
}

.tracking-setup-body {
    background-color: #fff
}

.btnSaveUpdate {
    min-width: 150px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px
}

.radio-strength-challenge {
    margin-top: 0
}

.self-assesment .panel-default > .panel-heading {
    background: #fff
}

.whiteButton {
    box-shadow: none;
    -moz-box-shadow: 0 1px 2px 0 #888;
    background: #fff;
    border-radius: 10px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

.ModuleButtonSpan {
    width: 85%;
    float: left
}

.ModuleButtonSpanB {
    width: 80%;
    float: left
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.activeModuleBox {
    box-shadow: none;
    /* border-radius: 3px; */
    margin-bottom: 30px;
    margin-top: 10px;
    border-radius: 18px 18px 18px 18px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 22px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.emptyActiveModuleBox {
    box-shadow: none;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 30px;
    height: 396px;
}

.basicModuleBox {
    box-shadow: 0 0;
    background: #fff4e5;
    border-radius: 6px;
    padding-right: 25px;
}

.modulebox {
    margin-top: 10px
}

.emptyActiveModuleMessage {
    padding: 125px 0 125px 0;
    color: #bcbcbc
}

.profileQuestion {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    font-size: 17px
}

.clearLine {
    border: 1px solid #eaeced
}

.clearline-Activities {
    border: 0 solid #eaeced
}

.keepLearning {
    padding: 10px 30px 10px 15px;
    background: 0 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.otherModulesBox {
    padding-bottom: 20px;
    background: 0 0;
    box-shadow: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.color-Orange {
    color: #f79c00
}

.paddingleftpx {
    padding-left: 0 !important
}

.activeModulePanelDashboard {
    border: none !important;
    margin-bottom: 20px !important;
    height: 100%;
    min-height: 310px
}

    .activeModulePanelDashboard .panel-body h3 {
        color: #80bc00
    }

    .activeModulePanelDashboard .panel-heading {
        text-align: center;
        background: #f4f1ef;
        color: #fff;
        font-size: 17px
    }

    .activeModulePanelDashboard .panel-footer {
        text-align: center;
        background: #fff;
        color: #80bc00;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 0
    }

        .activeModulePanelDashboard .panel-footer:hover {
            cursor: pointer
        }

.activeModulePannel {
    border: none !important;
    margin-bottom: 0 !important
}

    .activeModulePannel .panel-body {
        height: 300px
    }

        .activeModulePannel .panel-body h3 {
            color: #80bc00
        }

    .activeModulePannel .panel-heading {
        text-align: center;
        background: #f4f1ef;
        color: #fff;
        font-size: 17px;
        height: 57px;
        line-height: 2;
    }

    .activeModulePannel .panel-footer:hover {
        cursor: pointer
    }

.sessionCompleteOk {
    position: absolute;
    left: 9px;
    color: #80bc00;
    font-size: 18px;
    top: -10px
}

.sessionPauseDashboard {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    margin-left: 6px;
    top: -8px
}

.sessionPause {
    position: absolute;
    left: 9px;
    color: #fff;
    background-color: #80bc00;
    padding: 4px;
    border-radius: 15px;
    font-size: 10px;
    top: -9px
}

.sessionCompleteOkIndashboard {
    position: absolute;
    left: 9px;
    color: #e14504;
    font-size: 17px;
    top: 10px
}

.Paused.sessionCompleteOkIndashboard {
    font-size: 19px;
    top: -8px
}

.percentComplete {
    float: right;
    margin-right: 8px;
    color: #e14504;
    margin-top: 6px
}

.module-keep-learning .percentComplete {
    float: right;
    margin-right: 0;
    color: #e14504;
    margin-top: 0px;
}

.activities .activeModulePannel .circle canvas {
    height: 220px;
    width: 220px
}

.left-25 {
    left: 25px
}

.left-40 {
    left: 40px
}

.left-27 {
    left: 28px
}

.left-46 {
    left: 48px
}

.progressbar {
    display: inline-block;
    width: 220px;
    margin-top: 0
}

.progressbarInButton {
    display: inline-block;
    width: auto !important;
    margin: 8px 0px -31px -1px;
}

.circle {
    width: 100%;
    margin: 0 auto 35px;
    display: inline-block;
    position: relative;
    text-align: center
}

    .circle canvas {
        vertical-align: middle;
        height: 154px;
        width: 165px
    }

.circleInButton canvas {
    height: 40px
}

.progressbarInButton .circleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 11px;
    color: #e14504 !important
}

.circle div {
    position: absolute;
    top: 95px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 20.092pt;
    font-size: 25px;
    color: #ca3f0c
}

.circle span {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    text-align: center
}

.circle strong i {
    font-style: normal;
    font-size: .6em
}

.circle span {
    display: block;
    color: #e14504;
    margin-top: 75px;
    margin-left: 0;
    font-family: DMSANS-BOLD;
    font-size: 16.74pt;
    font-weight: unset;
    line-height: 20.092pt;
    letter-spacing: 0
}

.symptomScreener .row {
    margin-top: 10px;
    margin-bottom: 10px
}

.margin-left-10 {
    margin-left: 10px
}

.symptomScreenerModal {
    background: #fff5e8;
    border: 1.5pt solid #e14504;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important;
}

.modal-content.symptomScreenerModal .modal-body p {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important;
    padding: 30px 10px 10px 10px;
}

.symptomScreenerModal .modal-footer {
    justify-content: center;
    display: flex;
}

    .symptomScreenerModal .modal-footer .btnOrange {
        color: #e14504 !important;
        font-family: DMSANS-MEDIUM !important;
        font-size: 12.096pt !important;
        letter-spacing: 0 !important;
        font-weight: unset !important;
        background: #fff5e8 !important;
        border: 1.5pt solid #e14504 !important;
        width: 170px;
        justify-content: center;
        height: 36px;
        text-align: center;
        margin: 0 !important;
        margin-bottom: 25px !important;
        padding-left: 0;
        padding-right: 0;
        border-radius: 24px;
        text-transform: UPPERCASE;
        padding-bottom: 4px !important;
        padding-top: 4px !important;
    }

.symptomScreenerModal .modal-header {
    border-bottom: none;
    padding: 5px 8px 0 0
}

    .symptomScreenerModal .modal-header button {
        font-size: 28px
    }

.symptomScreenerModal .modal-body p {
    color: #666
}

.symptomScreenerModal .modal-footer {
    border-top: none
}

.enableNotification {
    font-size: 15px;
    position: absolute;
    top: 13px
}

.font-Montserrat-black {
    font-family: Montserrat-SemiBold;
    color: #553c54
}

.font-Montserrat-light {
    font-family: Montserrat-Regular
}

.color-lawngreen {
    color: #94c83d
}

.div-boder {
    border: #e4e4e3
}

.vertical-align {
    vertical-align: middle
}

.div-line-height {
    line-height: 48px
}

.div-boder-rightColor {
    border-right: 1px solid #ddddd6
}

.txt-Color-black {
    color: #000
}

.font-size-46 {
    font-size: 46px
}

.top-padding-40 {
    padding-top: 40px
}

.lead-text-heading {
    font-size: 30px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-90 {
    margin-bottom: 90px
}

.margin-top-40 {
    margin-top: 40px
}

.lead-text {
    font-size: 20px
}

.margin-top-100 {
    margin-top: 150px
}

.red-color {
    color: #e24201
}

.text-padding {
    padding-top: 0
}

.light-red-color {
    color: #fba582
}

.mid-red-color {
    color: #f17746
}

.text-color {
    color: #151412
}

.mobile-top-margin-20 {
    margin-top: 20px
}

.font-weight-and-size {
    font-size: 50px
}

.padding-width-fontsize {
    padding-top: 14px;
    padding-left: 6px
}

.text-font-size {
    font-size: 16px
}

.font-size-10 {
    font-size: 10px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-text {
    font-size: 24px
}

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

.text-heading-font-Montserrat-black {
    font-size: 30px;
    font-family: Montserrat-SemiBold
}

.margin-left-6 {
    margin-left: 21px
}

.margin-top-15 {
    margin-top: 15px
}

.font-size-14 {
    font-size: 14px
}

.font-size-19 {
    font-size: 19px
}

.font-size-25 {
    font-size: 25px
}

.text-size {
    font-size: 32px;
    padding-top: 41px
}

.btn-height {
    width: 37.666667%;
    height: 45PX;
    cursor: pointer
}

.left-3 {
    left: 2.666667%
}

.header-right .myCompassImg {
    width: 150px !important;
    float: revert
}

.margin-left-10-percent {
    margin-left: 10%
}

div.navbar-header.margin-left-10-percent {
    margin-left: 10% !important
}

.backgound-color-white {
    background-color: #fff
}

.font-size-13 {
    font-size: 13px
}

.font-size-18 {
    font-size: 18px
}

.margin-top-40 {
    margin-top: 40px
}

@media (min-width:767px) and (max-width:991px) {
    .ipad-no-top-margin {
        margin-top: 0 !important
    }
}

.section-1 label, .section-2 label, .section-3 label, .section-4 label {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 40px;
    padding: 0 25px
}

.mountaingreen-height-web {
    height: 300px
}

.footer-height-web {
    height: 150px
}

.font-size-25 {
    font-size: 25px
}

.Screenshot3-image-margin {
    margin-top: -9px;
    margin-left: 20px
}

.text-margin-left {
    margin-left: -36px
}

.Screenshot1-image-margin {
    text-align: start;
    margin-right: 384px;
    margin-top: -46px
}

.btn-line-height {
    width: 242px;
    cursor: pointer
}

.color-white {
    color: #fff
}

.footermargin {
    margin-left: -65px
}

.marginbottomSitemap {
    margin-bottom: 40px;
    font-size: 20px
}

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

.footer-left-right {
    margin-left: 0;
    margin-right: 0
}

.footer-elements {
    margin-top: 70px;
    width: 100%;
    padding-left: 9%
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.badge:empty {
    display: none !important
}

.padding-bottom-60 {
    padding-bottom: 60px
}

.user-logged-in li a {
    padding: 10px 5px
}

.product .img-responsive {
    margin: 0 auto
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right
}

.hover-cursor-pointer {
    cursor: pointer
}

.image-width-height {
    width: 175px
}

.margin-bottum10-top20 {
    margin-bottom: 50px !important;
    margin-top: 30px !important
}

.fb {
    color: #507dc3 !important
}

.twt {
    color: #6ea1ef !important
}

.ml.mail {
    font-size: 20px !important;
    color: #000
}

.clr {
    padding: 0;
    box-shadow: none !important;
    border-color: transparent !important
}

.clr2 {
    background-color: #fff;
    padding: 0
}

.graphcontent {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%
}

.greytext1 {
    color: #aeadad
}

.graph1 {
    height: 400px
}

.graph2 {
    width: 1000px;
    height: 450px
}

.sb.subheader {
    width: 100% !important
}

.glyphicon-ok:before {
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -6px;
    margin-left: 1px;
    border-radius: 2px
}

.glyphicon-ok.first:before {
    background-color: #e14504
}

.glyphicon-ok.second:before {
    background-color: #86b401
}

.glyphicon-ok.thrid:before {
    background-color: #da3e00
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both
}

.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.2em;
    height: 1.2em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5
}

.radio .cr {
    border-radius: 50%
}

    .checkbox .cr .cr-icon, .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px
    }

.checkbox .cr .cr-icon {
    font-size: 1em;
    left: 2px
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    margin-left: -.05em;
    color: #ff5f4a
}

.checkbox label input[type=checkbox], .radio label input[type=radio] {
    display: none
}

    .checkbox label input[type=checkbox] ~ .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0);
        opacity: 0;
        transition: all .3s ease-in
    }

    .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    .checkbox label input[type=checkbox]:disabled ~ .cr, .radio label input[type=radio]:disabled + .cr {
        opacity: .5
    }

.font-Montserrat-semibold {
    font-family: DMSANS-REGULAR;
    font-size: 33pt
}

.margin-left-68 {
    margin-left: 68px
}

.padding-bottom-31 {
    padding-bottom: 31px
}

.margin-left-27 {
    margin-left: 27px;
    margin-top: 44px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-top-35 {
    margin-top: -35px
}

.width-171 {
    width: 171px
}

.margin-top-20-in {
    margin-top: 20px
}

.margin-top-71 {
    margin-top: 71px
}

.knowledgeCentre-padding-bottom {
    padding-bottom: 100px
}

.knowledgeCentre-margin20-top {
    margin-top: 20px
}

.font-size-11 {
    font-size: 11px
}

.font-size-14 {
    font-size: 14px !important
}

.canvas-width {
    width: 1047px;
    height: 380px !important
}

.height-300 {
    height: 300px
}

.font-size-ul-13 {
    font-size: 13px
}

.padding-top-10 {
    padding-top: 10px
}

.width-95 {
    width: 95%
}

.margin-left-less43 {
    margin-left: -43px;
    margin-top: 64px
}

.margin-left-less18 {
    margin-left: -18px
}

.margin-left-17 {
    margin-left: -17px
}

.padding-top-45 {
    padding-top: 45px
}

.backgound-image {
    background: url(/Images/dashboard-graph-placeholder.png);
    height: 637px;
    width: 1169px;
    margin-right: 31px;
    margin-left: -31px;
    margin-top: -223px
}

.font-size-21 {
    font-size: 21px
}

.padding-top-bottom17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.margin-top45 {
    margin-left: 31px;
    margin-top: 45px
}

.width-161 {
    width: 161px
}

margin-bottom-50 {
    margin-bottom: 50px
}

.text-align-left {
    text-align: left
}

.margin-left-74 {
    margin-left: 74px
}

.margin-left-12 {
    margin-left: 12px
}

.margin-top-25 {
    margin-top: -25px
}

.margin-bottom-less15 {
    margin-left: -15px
}

.tracking-container {
    z-index: 1001;
    width: 100%;
    left: 0;
    background-position: 0;
    padding: 25px
}

.backgound-color-skyblue {
    background-color: #e3f2f7
}

.height-40 {
    height: 40px
}

.height-100 {
    height: 100px
}

.height-120 {
    height: 120px
}

.height-140 {
    height: 140px
}

.font-size-16 {
    font-size: 16px
}

.self-assesment-text-mob {
    font-family: Montserrat-SemiBold
}

a.linkorangecolor {
    color: #616161 !important;
    text-decoration-line: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.font-size12 {
    font-size: 12px
}

.margin-left25 {
    margin-left: 25px
}

.margin-floatright20 {
    margin-right: 20px !important;
    float: right;
    font-size: 25px
}

.module-box {
    width: 100%;
    padding-left: 30px
}

.module-box1 {
    width: 100%;
    padding-left: 7px
}

.height-whitebutton1 {
    height: 85.79px !important;
}

.paddingleft5per {
    padding-left: 5%
}

.padding-left-0 {
    padding-left: 0
}

.padding-margin-left {
    padding-left: 0;
    margin-left: -10px
}

.padding-bottom-90 {
    padding-bottom: 90px !important
}

.margin-left-less-15 {
    margin-left: -15px !important
}

.margin-padding {
    padding-left: 0;
    margin-left: -10px
}

.padding-margin-less5 {
    padding-left: 0;
    margin-left: -4px
}

.break-all {
    word-break: break-all
}

.margin-bottom-14 {
    margin-bottom: 23%
}

.marginknowledge {
    margin-left: 11.5%;
    margin-bottom: 6% !important
}

.margin-top-6 {
    margin-top: 6%
}

.margin-top7per {
    margin-top: 7% !important
}

.margin-top-3 {
    margin-top: 3% !important
}

.padding-left-100 {
    padding-left: 100px
}

.width-276 {
    width: 276px
}

.float-left {
    float: left
}

.mobile-margin-top-6 {
    margin-top: 6px
}

.top80 {
    top: 80px
}

.logininput {
    border-color: #dad8d8 !important;
    border-top: none !important;
    box-shadow: none !important;
    border-left: none !important;
    border-radius: unset !important;
    border-right: none !important
}

.padding30 {
    padding: 30px
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: .5s
}

    .sidenav a:hover {
        color: #f1f1f1
    }

.float-left-icons {
    float: right
}

.sidenav .closebtn {
    position: absolute !important;
    top: 7px !important;
    font-size: 36px !important;
    padding-left: 0 !important;
    color: #c93600 !important;
    text-decoration: none !important
}

.sidenav .closebtn {
    position: absolute !important;
    top: 7px !important;
    font-size: 36px !important;
    color: #c93600 !important;
    text-decoration: none !important
}

.sidenav.mobile {
    width: 0
}

.get-started-button:hover {
    background: #ae411c !important;
    transition: .35s ease
}

.Profile-Save-Button.button-orange.landing-self-next-finish:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.tab-content .submittedPHQGAD p a:hover {
    background-color: #e14504;
    color: #fff !important
}

.landing-self-back:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish:focus {
    outline: 0;
    box-shadow: none
}

.tab-content .submittedPHQGAD p a:focus {
    outline: 0;
    box-shadow: none
}

.landing-self-back:focus {
    outline: 0;
    box-shadow: none
}

.get-started-button:focus {
    outline: 0;
    box-shadow: none
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important
}

::-webkit-input-placeholder {
    color: #626262 !important
}

:-ms-input-placeholder {
    color: #626262 !important
}

::-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

:-moz-placeholder {
    color: #626262 !important;
    opacity: 1 !important
}

.displayblock {
    display: block !important
}

.remembermecolor {
    color: #626262 !important
}

.or-box-margin-left-right {
    margin-left: -16px;
    margin-right: -16px
}

.or {
    color: #bebebe;
    background-color: #fff;
    position: absolute;
    text-align: center;
    top: -11px;
    width: 40px;
    left: 125px
}

.paddingright5 {
    padding-right: 5px !important
}

.radius-0 {
    border-radius: 0 !important
}

.self-assesment .panel-heading ul li a:hover {
    background-color: transparent;
    border: 0;
    color: #fff
}

.self-assesment .panel-heading ul li a {
    background-color: #fff;
    border: 0;
    color: #7ec4d9;
    padding: 5px
}

.self-assesment .panel-heading ul li.active a {
    color: #000;
    font-weight: 900;
    opacity: 1
}

.self-assesment .panel-heading ul li a {
    opacity: .8
}

.self-assesment .panel-heading ul li.second a {
    margin-left: 20px !important
}

.margin-left-7 {
    margin-left: -7%
}

.margin-left-18 {
    margin-left: -18% !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.self-assesment .btnWhite:hover {
    color: #000 !important
}

.padding-left-8 {
    padding-left: 8px
}

.margin-left-10per {
    margin-left: 10%
}

.padding-left-10 {
    padding-left: 10.5%
}

.margin-left-13 {
    margin-left: 13%
}

.margin-top-35 {
    margin-top: 35px
}

.margin-bottom-2 {
    margin-bottom: 2%
}

.margin-top-2 {
    margin-top: 2.5%
}

.padding-left-right {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.padding-left-right-95 {
    padding: 0 95px
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.backgound-transparent {
    background-color: transparent
}

.padding-10 {
    padding: 10px
}

.dashboard .hide-data {
    display: none !important
}

.backgroundcolor {
    background-color: #19a6c9 !important
}

.overflow-hidden {
    overflow: hidden
}

.margin-left3per {
    margin-left: -3%
}

.footer-margin-top {
    margin-top: 60px !important
}

.margin-left-right {
    margin-left: -30px;
    margin-right: 0
}

.fontsize {
    font-size: 13px
}

.margin-top-30 {
    margin-top: 30px
}

.divscroll-height {
    height: auto;
    overflow-y: hidden;
    padding-right: 0;
    margin-top: 3px
}

.width-88per {
    width: 88%
}

.margin-top-less5 {
    margin-top: -5px;
    margin-bottom: 7px
}

.glyphicon-icon {
    font-size: 17px !important;
    margin-right: 2%;
    margin-top: -3px
}

.mobile-margin-top-15 {
    margin-top: -15px
}

.mobile-module-box-2 {
    width: 100%;
    margin-left: 25px;
    padding-left: 0
}

.keepLearningDashboard {
    height: 65px;
    padding: 20px;
    background: #f4f1ef;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.glyphicon-color-green {
    color: #fff;
    background: #ff9f1a;
    border-radius: 68%;
    height: 12px;
    width: 13px;
    line-height: 10px !important
}

.button-width-180 {
    width: 180px !important
}

.height-buttonwhite {
    height: 65.79px !important;
    /*   width: 512.67px !important;*/
    width: 495px !important;
}

.glyphicon-color {
    color: #b9b9b9
}

.module-box-height {
    max-height: 268px;
    max-width: 100%
}

.padding-10 {
    padding: 10px !important
}

.margin-top-45 {
    margin-top: 45px
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-59 {
    top: 58px !important
}

.complete-panel {
    margin-right: 20px;
    margin-left: 34px;
    margin-top: -30px !important;
}

.text-align-start {
    text-align: start !important
}

.margin-left-2per {
    margin-left: 2%
}

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

.module-box-2 {
    width: 100%;
    padding-left: 40px
}

.button-height {
    height: 50px !important;
    margin-left: 20%
}

.padding-top-5 {
    padding-top: 5px
}

.border-bottom {
    box-shadow: 1px 2px 1px -2px !important
}

.table-border-bottom {
    border-bottom: 1px solid #ddd !important
}

.table-border-top {
    border-top: 0 solid #ddd !important
}

.active-box-border {
    box-shadow: 0 3px 1px -4px !important
}

.margin-left-10Less {
    margin-left: -10px
}

.padding-top-15 {
    padding-top: 15px
}

.complete-text {
    font-size: 15px;
    /* margin-top: 16px;*/
    margin-top: 10px;
}

.margin-left-less15 {
    margin-left: -15px
}

.circleInDashboard canvas {
    height: 145px;
    width: 145px;
    margin-left: -21px;
    margin-top: -8px
}

.circleInDashboard span {
    font-size: 13px;
    color: #333;
    margin-top: 26%
}

.circleInDashboard div {
    height: 50px;
    font-size: 29px;
    margin-top: 2px
}

.padding-left-25 {
    padding-left: 15px
}

.margin-left-5per {
    margin-left: 5%
}

.margin-left-9per {
    margin-left: 9%
}

.circleInButton canvas {
    width: 45px !important;
    height: 45px !important
}

.orangeclr {
    color: #616161;
    font-family: DMSANS-REGULAR;
    font-size: 18pt;
    text-decoration: underline #e14504;
}

.margintopbtm {
    margin-top: 0;
    margin-bottom: 2px;
    background: 0 0;
    width: 1240px
}

.margintopbtm63 {
    margin-top: 22px;
    margin-bottom: 63px;
    background: #f7f7f7
}

.margin-left-25 {
    margin-left: 25%
}

.margin-left-54 {
    margin-left: 54% !important
}

.padding-left-125 {
    padding-left: 125px
}

.width-50 {
    width: 50% !important
}

.width-280 {
    width: 280px !important
}

.crisesSupport-width {
    max-width: 350px
}

black-Dog-Institute-width {
    width: 230px
}

.width-350 {
    max-width: 350px
}

.width-255px {
    width: 255px
}

.gplus {
    color: #f75002
}

.iconfont {
    font-size: 40px !important
}

.continueclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 120px 10px 60px
}

.continue {
    margin-top: 5%;
    margin-left: -3%
}

.margin {
    margin-bottom: 0 !important
}

.margin1 {
    margin-bottom: -25px !important
}

input[type=radio]:checked {
    background-color: #93e026
}

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 4.8px;
        border-radius: 50px !important
    }

    input[type=radio]:checked ~ .cr .customRadiodiffFontsize:before {
        background-color: #006e8b;
        content: " ";
        height: 9px;
        width: 9px;
        display: block;
        margin-top: -4.8px;
        margin-left: 7.8px;
        border-radius: 50px !important
    }

.radio .Register.cr .cr-icon {
    margin-left: -.05em;
    color: #888
}

.margin-top-5 {
    margin-top: -5px !important
}

.padding-left-0 {
    padding-left: 0 !important
}

.margin-left-top {
    margin-left: -168%;
    margin-top: 4px
}

.margin-left-35 {
    margin-left: -35px
}

.margin-top-1 {
    margin-top: -1px
}

.margin1 {
    margin-left: -35px;
    margin-top: -15px
}

.border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
    border: 1px solid #e14504;
    font-size: 14pt;
    FONT-FAMILY: DMSANS-REGULAR;
    background-color: #fff;
}

.form-group.has-error input[type=date], .form-group.has-error input[type=number], .form-group.has-error input[type=password], .form-group.has-error input[type=text], .form-group.has-error select {
    border: 1px solid #e14504;
    font-size: 14pt;
    FONT-FAMILY: DMSANS-REGULAR;
    box-shadow: none !important
}

.margin-left-36 {
    margin-left: -36px
}

.margin-left-74 {
    margin-left: -74px !important
}

.margin-top-8 {
    margin-top: -8px
}

.fontsize-13 {
    font-size: 13px
}

.background-color-white {
    background-color: #fff;
    border: 1px solid #d3d3d369;
    box-shadow: 0 1px #d3d3d369
}

.continue1 {
    padding-bottom: 7px !important;
    padding-top: 9px !important
}

.margin-left-48 {
    margin-left: 0
}

.fb.iconfont:hover {
    text-decoration: underline !important;
    color: #507dc3
}

.twt.iconfont:hover {
    text-decoration: underline !important;
    color: #6ea1ef
}

.gplus.iconfont:hover {
    text-decoration: underline !important;
    color: #f75002
}

.orangeclr:hover {
    text-decoration: underline !important;
    color: #e14504 !important
}

.frgt:hover {
    text-decoration: none !important;
    color: #d35b2f
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-top-15-min {
    margin-bottom: -15px !important
}

.margin-top-10-min {
    margin-top: -10px
}

.register-selfassessment .row {
    clear: both
}

.hrcustom {
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    display: block;
    unicode-bidi: isolate;
    overflow: hidden;
    box-sizing: content-box;
    clear: both;
    margin: 2px 0;
    margin-left: -16px;
    margin-right: -16px
}

.margin-bottom-20-min {
    margin-bottom: -20px
}

.margin-right-188 {
    margin-right: -15px
}

.color-yyyy {
    color: #000
}

.margin-top-5per {
    margin-top: 5%
}

.black {
    color: #000
}

.hover1:hover {
    text-decoration: underline !important;
    color: #337ab7
}

.width-birth {
    padding-left: 1px;
    width: 23%
}

.width-postcode {
    width: 30%
}

.width-gender {
    width: 100%;
    max-width: 320px !important
}

.width-year {
    max-width: 320px
}

.margin-padding-additionalinfo {
    width: 100%
}

.width-mob {
    width: 100%
}

.width-80 {
    width: 80%
}

.margin-width {
    margin-left: 100px;
    width: 83%
}

.yellowbox {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-left: 130px;
    width: 78%;
    margin-top: 2%;
    padding: 20px
}

.width-105 {
    width: 105px !important
}

.margin-left-28 {
    margin-left: 28px !important
}

.width-100 {
    width: 100px !important
}

.margin-top-58 {
    margin-top: -58px !important
}

@media only screen and (max-width:768px) {
    .backgrnd {
        background-color: #fff;
        min-width: 411px
    }

    .circle {
        width: 100%;
        margin: 12px auto 25px;
    }

    .divscroll-height {
        padding-left: 0
    }

    div.keepLearningDashboard {
        padding-left: 0 !important
    }

    .contactUs-container {
        width: 100% !important;
        padding: 0
    }

    .row.contactUs-header-text {
        padding-top: 75px
    }

    .contact-us-content {
        padding: 0 25px 0 25px
    }

        .contact-us-content a {
            word-break: break-word;
        }

    .contactUs-container .registration_Background_img-step1 img {
        width: 100% !important
    }

    div.social-media-mobile {
        margin-top: 15px !important
    }

    .sb.subheader {
        height: 70px
    }

    .mobile-margin-top-10px {
        margin-top: 10px !important
    }

    .mobile-margin-left-17per {
        margin-left: 17% !important
    }

    .register .mobile-padding-top-0-important {
        padding-top: 0 !important
    }

    .mobile-remove-guter {
        padding: 0
    }

    .regiter-hr {
        border-top: 2px solid #dadada;
        margin: 0;
        margin: 15px 0
    }

    .width-100-mob {
        width: 100% !important
    }

    .marginleft12permob {
        margin-left: 0 !important
    }

    .mobileleft-rigth-marign-0 {
        margin-left: 0;
        margin-right: 0
    }

    .mobile-padding-left-10 {
        padding-left: 10px
    }

    .padding-left-125 {
        padding-left: 0 !important
    }

    .padding-left-25px {
        padding-left: 0 !important
    }

    .margin-left-54 {
        margin-left: 0 !important
    }

    .padding-left-8 {
        padding-left: 8% !important;
        clear: both
    }

    .padding-left-15 {
        padding-left: 15% !important
    }

    .margin-left-48 {
        margin-left: 0
    }

    .continue {
        margin-left: 18%
    }

    .margin-top-10-min {
        margin-top: 10px
    }

    .margin-bottom-10px {
        margin-bottom: 10px
    }

    input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 5px !important
    }

    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -4px !important;
        margin-left: 8px !important
    }

    .margin-right-188 {
        margin-right: 188px !important
    }

    .margin-right-171 {
        margin-right: 171px !important
    }

    .color-yyyy {
        color: red
    }

    .margin-right-165 {
        margin-right: 165px !important
    }

    .margin-right-131 {
        margin-right: 131px !important
    }

    .margin-top-5px {
        margin-top: 5px
    }

    .width-birth {
        width: 83%;
        padding-left: 0
    }

    .width-postcode {
        width: 30%
    }

    .margin-padding-additionalinfo {
        width: 100%;
        margin-left: 0
    }

    .width-mob {
        width: 88%
    }

    .yellowbox {
        width: 100%
    }


    /*MYC2-749 Starts*/
    .width-80 {
        width: 100% !important
    }

    .selfAssessmentInDashboard .row > .padding_right_0_Ipadpro {
        padding-right: 15px !important;
    }
    /*MYC2-749 Ends*/

    .slider-div {
        padding: 0 !important
    }

    .padding-top-6 {
        padding-top: 6px
    }

    .margin-left-4per {
        margin-left: 4%
    }

    .margin-left-12per {
        margin-left: 12% !important
    }

    .margin-left-40 {
        margin-left: 0
    }

    .clear-mob {
        clear: both !important
    }

    .margin-left-40 {
        margin-left: 0 !important
    }

    .register-additional-info-header, .register-label, .register-social-media-text {
        padding: 15px !important;
        padding-top: 0px !important;
    }

    .margin-padding-additionalinfo {
        padding-left: 5px;
    }

    .padding-bottom-25px {
        padding-bottom: 10px !important;
    }

    .padding-top-bottom-10 {
        padding-bottom: 0 !important;
        padding-top: 20px !important
    }

    .mobile-margin-bottom-0 {
        margin-bottom: 0 !important
    }

    .padding-1week {
        padding: 0 !important
    }

    div.padding-module {
        padding: 13px 0 13px 0 !important;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        margin-left: -10%;
        width: 68% !important
    }

    .font-size-21-mob {
        font-size: 21px !important
    }
}

.margintop10 {
    margin-top: 10px !important
}

.float-align-right {
    float: right !important;
    text-align: right !important
}

.width-125 {
    width: 125px !important
}

.margin-left-22 {
    margin-left: 22px !important
}

.margin-left-45 {
    margin-left: 45px !important
}

.margin-left-95 {
    margin-left: 95px !important
}

.margin-left-80 {
    margin-left: 80px !important
}

.margintop12 {
    margin: 12px 0 15px 0 !important
}

.width60 {
    width: 60px !important
}

.width95 {
    width: 95px !important
}

.width115 {
    width: 115px !important
}

.margin-left-32 {
    margin-left: -32px
}

.margin-left-40 {
    margin-left: -40px
}

.continue2 {
    margin-left: -4%;
    margin-top: 4%
}

a.removehover:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.continue3 {
    margin-left: -4%;
    margin-top: 5%
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

a.removehover1:hover {
    color: #e14504 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.clear-mob {
    clear: none
}

.lnkAddCustomTracker:hover {
    cursor: pointer
}

button.removehover:hover {
    color: #000 !important;
    text-decoration: none !important;
    cursor: pointer !important
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-top-28 {
    margin-top: 28px
}

.margin-left-7px {
    margin-left: 7px
}

.padding-right-31px {
    padding-right: 31px
}

.padding-bottom-25px {
    padding-bottom: 25px
}

.padding-top-bottom-10 {
    padding-bottom: 4px;
    padding-top: 0
}

.border-radius-0px {
    border-radius: 0
}

.padding-left-12 {
    padding-left: 12px
}

.margin-top-minus-4 {
    margin-top: -4px
}

.btn:focus {
    outline: 0
}

.margin-top-38 {
    margin-top: -38px
}

.margin-top-22 {
    margin-top: 22px
}

.margin-top-54 {
    margin-top: -54px
}

.circlewidth50px {
    width: 50px
}

.pausedCircleInButton canvas {
    width: 40px !important
}

.circle.pausedCircleInButton div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 10px;
    color: #000
}

a.topdown:hover {
    text-decoration: none !important;
    color: #e36e48
}

.alignContent1 {
    padding-left: 5%;
    padding-right: 6%;
    text-align: center;
    padding-bottom: 0
}

.padding-left-40 {
    padding-left: 40px
}

.width-postcode2 {
    width: 50%
}

.padding-top-8px {
    padding-top: 8px
}

.margin-left-4 {
    margin-left: -4%
}

.padding-font {
    font-size: 15px;
    padding-left: 15px
}

.margin-top-27px {
    margin-top: -27px
}

.margin-left-39 {
    margin-left: -39%
}

.margin-left-12 {
    margin-left: 4%
}

.continue4 {
    margin-left: -3%
}

.nextclr {
    color: #000;
    background: #fe9a04f0;
    padding: 10px 92px 10px 53px
}

.continueclr1 {
    color: #000;
    background: #f79c00;
    padding: 0 43px 5px 46px
}

.continue5 {
    margin-left: 33%
}

.margin-top-2per {
    margin-top: 2%
}

.padding-selfassessment {
    padding: 0 32px 0 15px
}

.padding-margin-evryday {
    padding: 0 70px 0 12px;
    margin-left: 0
}

.slider1 {
    margin-top: 2%
}

.slider1a {
    margin-top: -9px
}

.padding-top-17 {
    padding-top: 17px
}

.margin-top-1per {
    margin-top: 1%;
    padding: 0 89px 0 29px
}

.font-Montserrat-lightimp {
    font-family: Montserrat-Regular !important
}

.mousehandicon:hover {
    cursor: pointer
}

.selfassestextsizehead h2 {
    font-family: DMSans-Regular !important;
    font-size: 18pt !important
}

.selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12px !important
}

.selfassestextsizecontent h4 {
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    font-weight: 700
}

.font-weight-600imp {
    color: red !important
}

.SetcolorBlack {
    color: #000 !important
}

.padding-trackingremind {
    padding: 15px 33px 6px 37px
}

.enabletrackingreminder {
    padding: 0 0 0 20px;
    margin-top: -11px;
}

.padding-send {
    padding: 0 21px 6px 37px
}

.margin-send {
    margin-top: 0;
    margin-left: 0
}

.margin-left-2-neg {
    margin-left: -2%
}

.margin-freq {
    margin-left: 2%;
    margin-top: 0
}

.margin-freq1 {
    margin-top: 0;
    margin-left: 0
}

.margin-timezone {
    margin-left: 10%;
    margin-top: -3%
}

.margin-mssidn-input {
    margin-left: 7%;
    margin-top: -3%
}

.margin-via {
    margin-top: -4px;
    margin-left: 15px
}

.margin-left-4 {
    margin-left: 4%
}

.padding-snippet {
    padding: 15px 3px 8px 31px
}

.margin-top-8per {
    margin-top: -8px
}

.font-size-15 {
    font-size: 15px
}

.padding-trackingsetup {
    padding: 15px 3px 8px 43px
}

.padding-newtracker {
    padding: 13px 13px 13px 18px
}

.margin-left-4pos {
    margin-left: 4%
}

.continue6 {
    margin-left: -37% !important
}

.margin-left-30 {
    margin-left: -30% !important
}

.margin-left-62 {
    margin-left: -62px;
    margin-bottom: 15px
}

.margin-left-20min {
    margin-left: -20px
}

.margin-0 {
    margin: 0
}

.slideralign {
    margin-top: 5px
}

.slideralign2 {
    margin-top: -22px
}

.slideralign1 {
    margin-top: 5px
}

.profilepadding {
    padding: 5px 41px 25px 25px
}

.margin-bottom-4 {
    margin-bottom: 4%
}

.selfassessmentpadding {
    padding: 0 7px 0 41px
}

.resultselfpadding {
    padding: 0 45px 35px 45px
}

.resultselfpadding1 {
    padding: 0 45px 35px 45px
}

input[type=radio]:checked ~ .cr .customRadioColor1:before {
    background-color: #006e8b;
    content: " ";
    height: 10px;
    width: 10px;
    display: block;
    margin-top: -5px;
    margin-left: 5px;
    border-radius: 50px !important
}

.margin-left-118 {
    margin-left: -38%
}

.margin-continue {
    margin-left: 45.5%;
    margin-bottom: -3%
}

.margin-left-42 {
    margin-left: 42%
}

.margin-bottom-1 {
    margin-bottom: 1%
}

.Forget-Padding {
    padding-right: 10px
}

.margin-bottom-100 {
    margin-bottom: 100%
}

.btn-login {
    margin-left: 110%;
    margin-top: 10px
}

.login-label {
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14px !important;
    letter-spacing: .5px !important;
    margin-top: 10px
}

.margin-left-236px {
    margin-left: 190px
}

.margin-bottom-70 {
    margin-bottom: -70% !important
}

.panel-hide-show1 {
    margin-top: 5px !important;
    box-shadow: none !important;
    border-radius: 0 !important
}

.border {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 7px;
    box-shadow: 0 2px #ddd
}

.padding-left-42 {
    padding-left: 42px
}

.margin-bottom-15px {
    margin-bottom: 15px !important
}

.margin-left-83 {
    margin-left: 83%
}

.margin-top-4 {
    margin-top: 4%
}

.padding-right-5 {
    padding-right: 5px
}

.margin-left-31 {
    margin-left: -31px
}

.margin-left-7 {
    margin-left: 5%
}

.margin-top-1percen {
    margin-top: 1%
}

.margin-left-15per {
    margin-left: 15%
}

.margin-left-7px {
    margin-left: -7px
}

.margin-left-2point5per {
    margin-left: -2.5%
}

.padding-left-33px {
    padding-left: 33px
}

.next-finish {
    margin-bottom: -33px;
    margin-top: 2%
}

.margin-left-75 {
    margin-left: 75px
}

.margin-left-40per {
    margin-left: 40%
}

div .btn1 {
    margin-left: -10px;
    min-width: 28%;
    font-size: 15px;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 7px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer
}

.margin-bottom-4 {
    margin-bottom: -4%
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-45 {
    padding-bottom: 45px
}

.fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

    .fa-info-circle:hover {
        color: #000 !important;
        text-decoration: none !important;
        display: inline-block;
        cursor: pointer
    }

.recommendedFactor {
    font-family: Montserrat-Bold !important;
    color: #000
}

.modal-backdrop {
    z-index: 100 !important
}

.dropdown-menu.loginbox {
    z-index: 99
}

.margin-left-1 {
    margin-left: 1%
}

.Profile-Questionnaire-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    font-family: Font-Montserrat-Regular;
    font-size: 20px
}

.content-div {
    padding-bottom: 1%;
    padding-top: 1%;
    padding-left: 15px;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 13px
}

.content-link {
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 17px;
    padding-bottom: 3%
}

    .content-link:hover {
        text-decoration: underline !important
    }

.complete-label {
    padding-left: 4%;
    padding-right: 1%;
    font-family: Montserrat-Regular;
    font-size: 14px
}

.padding-0-important {
    padding: 0 !important
}

.trackingTrackers {
    margin-left: 22px
}

.dashboardTrackers {
    margin-left: 38px;
    margin-top: 0
}

.marginBottom4Percent {
    margin-bottom: 4%
}

input[type=radio]:checked ~ .cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.marginBottom4Percent {
    margin-bottom: 4%
}

.padding-top-20Percent {
    padding-top: 28%
}

.emptyModuleMessage {
    color: #404040;
    font-family: 'Lucida Sans';
    font-size: 25px;
    margin-left: 10px
}

.iconfont1 {
    font-size: 20px !important
}

.getstartedbutton {
    padding: 5px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    cursor: pointer;
    display: inline-block
}

.padding-1week {
    padding: 0 0 63px 126px
}

.margin-top-14 {
    margin-top: 14% !important
}

.letter-spacing-2px {
    letter-spacing: 2px
}

.letter-spacing-3px {
    letter-spacing: 3px
}

.letter-spacing-5px {
    letter-spacing: 5px
}

.padding-7week {
    padding: 12px 4px 10px 10px
}

.getstartedbutton-width {
    width: 20%;
    margin-left: -2%
}

.margin-left-5neg {
    margin-left: 5%
}

.lead1 {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.4
}

.margin-top-14px {
    margin-top: 14px
}

.profile-align {
    margin-top: 10px !important;
    top: -2.5px !important
}

.profile-align-1 {
    top: -7.7px !important
}

.profile-align-12 {
    margin-top: 7px !important
}

.profile-align-2 {
    top: -2.7px !important
}

.profile-align-17 {
    margin-top: 10px !important
}

.profile-align-3 {
    top: -7.7px !important
}

.profile-align-4 {
    top: -7.7px !important
}

.activeModulePannel .panel-footer:hover {
    cursor: pointer
}

.questionnair-margin {
    margin-top: 11.5px !important
}

.questionnair-margin-1 {
    margin-top: 9px !important
}

.margin-left-5-neg {
    margin-left: -5%
}

.margin-bottom-10per {
    margin-bottom: 10%
}

.margin-left-3 {
    margin-left: -3px
}

.dashboardDatePickerWeb {
    margin-left: 0;
    padding-left: 0
}

.padding-left-30 {
    padding-left: 30px
}

.padding-right-0 {
    padding-right: 0
}

.symptomScreenerSlider {
    padding: 0 30px 0 50px;
    margin-top: -20px
}

.PhImpactInSymptomScreener {
    padding-left: 51px;
    padding-right: 47px
}

.symptomScreener {
    margin-bottom: 0%;
    background: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: 15px;
}

.gad7Silder {
    margin-left: 30px
}

.margin-left-10pix {
    margin-left: 10px
}

.margin-left-15pix {
    margin-left: 15px
}

.margin-left-6pix {
    margin-left: 6px
}

.margin-left-50pix {
    margin-left: 50px
}

.margin-left-30pix {
    margin-left: 30px
}

.margin-left-10pix-descrease {
    margin-left: -10px
}

.margin-left-40pix-decrease {
    margin-left: -40px
}

.sliderPhQ9Impact {
    padding: 0 0 0 30px;
    margin-left: 20px
}

.socialActivity {
    margin-left: 18px
}

.socialActivityQuestion p > b {
    font-family: Montserrat-SemiBold
}

.moreThanHalfDays {
    position: absolute;
    margin-left: 47%
}

.severalDays {
    position: absolute;
    margin-left: 61%
}

.yellowboxInSymptomScreener {
    background: #fff3de;
    border: 2px solid #fbdfaf;
    margin-top: 2%;
    padding: 20px;
    margin-bottom: 30px
}

.PhqThoughtOption1InSymptomScreener b {
    margin-left: -90px
}

.PhqThoughtOption2InSymptomScreener b {
    margin-left: -50px
}

.PhqThoughtOption3InSymptomScreener b {
    margin-left: -15px
}

.margin-left-4PerInSys {
    margin-left: 4% !important
}

.symptomModal {
    padding-bottom: 15px
}

.jumpToInfo {
    margin: 15px 0 15px 0;
    padding: 10px 0 10px 0;
    background: #fff;
    font-size: 14px;
    line-height: 1.4;
    font-family: Montserrat-SemiBold;
    color: #553c54;
    letter-spacing: 2px
}

@media only screen and (max-width:420px) {
    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

    .symptomScreenerSlider {
        padding-right: 0;
        margin-left: -34px;
        margin-top: 0
    }

    .footermargin {
        margin-left: -5px
    }

    .PhImpactInSymptomScreener {
        padding: 0;
        margin-top: -10px
    }

    .symptomScreener {
        margin-bottom: 10%
    }

    .gad7Silder {
        margin-left: 0
    }

    .sliderPhQ9Impact {
        padding-right: 18px;
        padding-left: 15px;
        margin-left: -3px
    }

    .socialActivity {
        margin-left: 0
    }

    .btn-White {
        margin-top: 10px;
        margin-left: 0
    }

    .suicidalBoxInSymptomScreener {
        margin-top: 10px;
        margin-bottom: 5%
    }

    .mobile-margin-bottom-20per {
        margin-bottom: 20%
    }

    .selfAssessmentInDashboard {
        padding-bottom: 30px
    }
}

.orange-link:hover {
    text-decoration: underline !important
}

.margin-left-paused-circle-22 {
    margin-left: 0
}

.margin-left-15px {
    margin-left: 15px
}

.margin-left-48px {
    margin-left: -50px
}

.margin-left-minus65px {
    margin-left: -65px
}

.top-5px {
    top: 5px
}

.margin-top-5-tracker {
    margin-top: 5px
}

.tracker-social-right {
    margin-left: 17px
}

.margin-left22px {
    margin-left: 22px
}

.margin-right-5px {
    margin-right: 5px
}

.margin-top-tracker-40 {
    margin-top: 40px
}

.img-handsign-hover:hover {
    cursor: pointer
}

.close-hover:hover {
    text-decoration: none !important
}

.custom-color {
    color: #f37d31 !important
}

.iconset .palyicon {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.bckcolor {
    background-color: #f7f7f7
}

.modalbackcolor {
    background-color: #fff
}

.height-350 {
    height: 350px
}

.padding-20 {
    padding: 20px
}

.Changecursor a:hover {
    cursor: pointer
}

.Fontsize14 h2 {
    font-size: 14px !important;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

a.activeRegister {
    font-size: 12px !important;
    color: #000 !important
}

.sessionButton {
    background: 0 0;
    border: none;
    width: 100%
}

    .sessionButton:hover {
        cursor: pointer
    }

.modalResetPassword .modaltext {
    font-size: 18px;
    height: 80px
}

.modalResetPassword .modalfooter {
    border-top: 1px solid #000
}

.forgot-password-input input, .logininput, .resetPasswordInput input {
    max-width: 340px !important
}

.btnResetPassword {
    color: #000;
    background: #f79c00
}

.resetPasswordInfo {
    color: #e14504;
    font-size: 12pt
}

.navigation {
    padding-left: 0 !important;
    padding-right: 3px !important
}

.margin-top-10-per {
    margin-top: 10%
}

.dashboardHeaderTracking {
    color: #d35b2f !important;
    font-family: Montserrat-Light;
    font-size: 13px
}

    .dashboardHeaderTracking:hover {
        color: #d35b2f !important
    }

@media only screen and (max-width:400px) {
    .healthCareHeight {
        line-height: 24px
    }
}

.color-light-brown {
    background: #eff0ea
}

.color-dark-brown {
    background: #d8d8d4
}

.btnWidthMarginLeft {
    width: 20%;
    margin-left: 40%
}

.btn.btnHover:hover {
    color: #555 !important
}

.orange {
    color: #f79530 !important
}

.dark-orange a {
    /*color: #f79530 !important*/
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

.underline a {
    text-decoration: underline #e14504;
    -webkit-text-decoration: underline #e14504;
    -webkit-text-decoration-color: #e14504;
}

.glyphicon-2px {
    top: 2px
}

.Box-border {
    border: 0 solid #ddd !important
}

.margin-top-complete {
    margin-top: 40px !important
}

.color-black {
    color: #333 !important
}

.selfAssessmentInDashboard .selfAssessment {
    color: #31251b !important;
    font-size: 33pt !important;
    font-family: DMSANS-REGULAR !important;
    padding-left: 30px;
    letter-spacing: 0 !important;
    padding-top: 30px
}

.glyphicon-top {
    top: 2px !important
}

.continue-padding {
    padding: 14px 34px !important
}

.report-overview-calendar {
    width: 10% !important;
    position: relative !important;
    top: -28px !important;
    left: 85% !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

.ReportOverviewDate {
    background-color: #fff !important
}

input[type=text].share-mycompas-name {
    border: 1px solid #ccc !important;
    box-shadow: none !important
}

.paragraph-after-li {
    padding-left: 38px
}

ul.numbering {
    list-style-type: none !important;
    margin-left: 7px !important;
    padding: 0 !important;
    color: #111
}

.numbering li {
    float: left;
    display: block;
    text-align: center
}

.numberlist {
    position: relative !important
}

.QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 10px !important
}

.QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 10px !important
}

.numpadRight0 {
    padding-right: 36px !important;
    padding-left: 5px !important
}

.numpadRight1 {
    padding-right: 34px !important
}

.numpadRight2 {
    padding-right: 32px !important
}

.numpadRight3 {
    padding-right: 32px !important
}

.numpadRight4 {
    padding-right: 31px !important
}

.numpadRight5 {
    padding-right: 32px !important
}

.numpadRight6 {
    padding-right: 31px !important
}

.numpadRight7 {
    padding-right: 32px !important
}

.numpadRight8 {
    padding-right: 32px !important
}

.numpadRight9 {
    padding-right: 34px !important
}

.padding-left-36per-mob-0per {
    padding-left: 36%
}

.iconset .treatment-play-icon {
    width: 128px;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.4);
    font-size: 55px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    height: 127px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAB/CAYAAADGvR0TAAAACXBIWXMAABcRAAAXEQHKJvM/AAAL6UlEQVR4Xu2d7XXjthKGn/jc/1YH5q3ASgVmKljfCpZbwToVhKkg2goiVxC7gtAVRK4gVAdSBbg/RljSWnIA8EP8EJ9zcNYrjGSR78xgAIL0T8YYZkgMRKe2AtalvocfzQHYA3np/1np3wOwY2b8NAPx41Nbn9qdZtySN8RBslPL603HzxTFj4BHRPBPqmX/7BEneKHIEJNhKuJHiOAJcK9aDssr4ggvTMARxi5+cmp14/RYOSIOsGHEtcIYxV8BT6d267CdAm/A9tRGxZjEj4AUSe99in5e1Vv6zi575Pi2utnlGIP4NtJ/cxl6skdS7Q4ROT/9HDIGrymmiBHFTKILpxyNEwwt/hNyItqc1HeKqVdGmMihWCeIaZ+h3pBjz3Sz/hhK/BgphppW7raqzhh2rr1GCtJHmq8vPCNB0KfTVnJp8VeIt3912FXxTlE4XfxEeWAdISE8IxyR97047DrlkuKvkYMLjZBnRPBMNxsVCeLkocf6irz3Ms5tjLlES004W2NMZNyfPeYWG2MyE0ZujFkb92e3bk6Dlm1ljHkxYWzN9EU/b7ERUUN4Mu7PbdWcBi3a2hizM/5k5kIeP2BLjDEH48/WuD+zcetrzF8jY7RP4XNEqt2tw24urJCZzmeX4Yl3ZHbUeR1w4zJoQAL8g5/wr8giylY3mxUH5Bz9giz4uLhHAmnlsAuma/ET4E+XERLtX5D5cecePREyJEO+OuxAHCDn46aU1nSZ9hP8hH9HbHcOu2siwe/cHZEhoJNz15X4CX5f/rLz2GnhWyd15gBdpP0EP+G/cd1p3sUOqX/eHXa3SI3UugZoG/lrpLhz8YXrKurasEJWQl2XmFvPAtpEvk1TLhbhwzggoj477O5peV6bir9CfrFrfFqEb06C2wE+IWsGjWgq/hb35dhF+PYkuB3g68kumCZjfop7180ifHeskOFVC7ZGM4BQ8X0KvG/Icu1Cd/g4wDuBi0Ahad9WoRqvLML3gV0SPio290hW9iYk8jfoO3BaTz0WnMTA3w6bn/FM/76RH6MLb7chLcL3Swb87rDZOvq/4yu+azrxhKe3LbQmRXb+1uGd/n3S/hPwh9L/iizbLlyOCAm2unWWI1L85TX9gFv8FfIB2i+JWNL9ELiC8hnH/N+V9p/QV/GeGEb4NcW+/ReuM/Ns0NP/ZxxTPy3yI+Dfuk7kF8dKf19EVKe8N66v9ohooZEW+anSB8PN51Oqs9EDsgC1pYPLnRMhRxbV6niggfgr9A2GzwwXYZGj/zNyUoZyzkuToi/+JHUddeK7Tlzq6B+aW6QYyhlmaLokB/Sp+GdqAqaJ+M8Me3NkCHfIiliGO2NMmQ169KdVL1aJn6BX+KnSN1YekMJowzzrAVf0P1Jx3HXi1zGlqK/iK/OtB7Tov6ViOnwufoS+d2yr9E2FudYDB/Srrsn5C+fia4sl9gkYY0Zb9DhnjvWAlvofODvOc/ET6tkqfWMhxv82KMuc6oEd+tbvD8FdFj9C3ymyVfrGRIYcy6/oFfA5c6kHtkpfUv5PWXwt5b8yzBp+GzaIE2grYOfYemDHdOsBbdy/p5TdyuLHP5gWaB84Zg5IJP9MWD1wj9QDL0yvHsjxTP1l8T9VGFoypW8K2Ej+H2H1wCekHkiZVj2wVfpi+4MV//sLFbwz7bl9GRvJvxNWD/yGnINENxsNmdIX2x98xM+UvqmSIk7wrJt94Ba5IXUK9cCOeue+45TFrPjrGkOYp/hQbIeeaz2QKX0xXLf4lrnWA5nSt4ZC/Lsaoz3Tm+I1ZW71wE7p+y5+rBhpHzBXUuZRD2RKXwQifqQYXaP4MJ96oG4Yuwe3+LnSdw3YSP5CeD2wY/h6IFf6ohv0L5crfdfEFhknQ+qBW6Qe2DFcPaBl7ugGvdLPlb5r44BE8pqweuAOqQcyLl8PqMX6+SXdc3JH/zWSUzxBM6QeeEDqgS2Xqwc08WOX+Av1ZDSrBz5zuXpALdhv0P+27IKbLe3qgUeHbW9okZ8rfQsfaVMP/MXlhoEPLGm/W3Ka1QNPLoM+WMTvhwwR1HcYiFwGfbCI3z0rpA74B/dDKi2Zy6APFvG7JUVS/2fd7APvDLQ59ob6ql67eWPhIzEi+m/4RzvI5tKYga6c/gf50nWXdBd0IiRqQwPlDSkMc92sX5a034wVsjX8X8KE3yMzgZjLCB8rfblLfG3d/1p5QoT76rArc0RuIokYqLirIL9B/zJ9Lz9OiRgR/Q/Cx/UI97MM+0AN3iXy3URIgPxNWG30BvyX4Z5YBnrwZq7Ij5S+uTOVcV1D/d436F55rZE/h3E9UvreQKZ62mW/axM/RqZuIekdZFxPGS69V6Fpl0Mx5tddhLjlOlJ/hGy6bDKu/8yw43odmvg7KMTP6+0uvvXokqyQiP0X/UbVc/bITR4x493hHCt9H8TP6u1mK35CsSTryxHZtBEx/tvWtWIvAxnzv/+nhkelb4rESBWvPYWkimfGmd6r0DT7PsSX037dBZ5b5lH4RRTjeojwdlxPmIbwoGfrzP5QXuT5/mIFidI3duY8rtehRX5mfyiLr41hU039CfMe16tYUz9jOdIg8u+YVuqPkWj9k7B1+GdE9FQ3GzWJ0vfBmcviH5CnbtWRKH1jIeJ6xvU6EqWvVvwfOs9IlL6xcE3jehUJ+t9Dcopft+P0lmk4gA92XF8zzXG9jkTp++E4z8U/VBmVSJW+qfCMiJ4y/RRfZk3gQ7OrrudvKl6z3DHdFb835FJrwvCXWvvgSenbU1HQV4m/Q7/bJFX6xsgeuZkyZhyXWvsgQt8unla9WLeTZ1vzOjj+YtOIKI/rW9108qRK3w+FnkUTv2651/aPmbmO61XE6FG/oeYc1IkPujfdMVzlrxWkcx/Xq0iVviNaDWeM0Vpu6jkYY1Y17+uzrYwxmflIboxJPN47t5YYndQo73f9IeUEWSKt45nhMsAjxV+KfmH+6f2cFXLs2qJOhHJeXOKDVMja/PEX5ltFj5kX9NXMX3HcK+AjfoysldexRyLw2iJvSB6RJ3rUscdj76VW8Fky9EeN3DH+6n9OrHCf78TRD/iJD+6nTHzC8xcutOYF/TL1NzyHYZ+0b3GlGpDLojuHzUJzNug3kjiLvDK+kQ/icdr1fhCPWzlsFpqR4L6D6BFP4SFMfJAvoK383bI4QB+s0afcEJDuLSFp37JGHjak8cY01v+nwBoRVRvn32mwzS408kHG9F8dNg+4K9IFNz7CH2m4wbaJ+CCFhzb9A7nYsHXYLNTjIzyI8LnDppKm4oOM/+8OG+sASw0Qhq/wXwgc58s0GfPLrJBf7top+47UAN6V6BXjK/w3Wj62tU3kg4gZ437M6D1yQMFFyZWR4PfkzmdaCg/txYdwB4h1s6tlg3s6Bx1eSe1CfCj+EJHLAW6Ri0Spw+6asEOnawEHOhQeuhMfCgdwFYEg985leFx5mjm2UtcumVs6FR66FR/CHOABsW89dk2QFbJc/hfu8R2kuEtcRqF0LT4UNYDrOgDIgf/BdWWBBIl239vKvtBTgPQhPogDPCIe68MDcp/dhvmuCcSIk/veOXxEdkltHXbN0Tb4ddQSI5s9fTkY2Xg4xObQPlpkjNmaMHZG3uf67FbNadBRWxs5oBCm7gRrEy66McZsjPuzO2ltV/hCSQl7SgYUd5xsmMZGkeTUfCr4MvYCTeaw64xLiw8y9m1wLwlX8Y6MgS80vJjRE2sK0X3G83O+McDdRUOIb0mRKrbJyYLCETKGyQiPiCM/EvbUzjJ7xGEy3awfhhQfiuffaPea+XBETmCGOEKm2DYhQqJ7jQgemtLPOSLHvXHY9crQ4lvWyIloe1LL7JGhYYek0wN+GSI+/btGpp1dfid779yGC6f4KsYiviVG0mDbTDA2RiW6ZWziWyIkLT7SvCYYA3vkOF4YkeiWsYpvWSEOkNBt+u0TOzXd0n3t0SljF79MROEITaaJfWIFt20STEn8MjYjxKfWdKrVhjeKGUamGY6VqYp/zgpxAjsdi+g2O7xRzBx2TFTsc+Yifh0RxaXiuNbqIznF6mFWazUD/g9/vnuvLV9VeQAAAABJRU5ErkJggg==)
}

.treatment .fa-play-circle-o:before {
    content: "" !important
}

.newUserModal-dialog {
    margin-top: 80px;
    position: relative
}

    .newUserModal-dialog p {
        color: #333
    }

.newUserModal-footer {
    text-align: center;
    padding: 7px 0 7px 0;
    font-family: DMSANS-REGULAR
}

    .newUserModal-footer .btn:hover {
        color: #333 !important
    }

.symptomModel-footer .btn-White:hover {
    color: #333 !important
}

.marginleft12permob {
    margin-left: 12%
}

.padding-left-25px {
    padding-left: 25px
}

.reg-or {
    float: right;
    left: 8px;
    position: relative
}

.mobile-margin-left5per {
    margin-left: 14px
}

.knowledgeCentre-InterestArea {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .3px !important;
    margin: 2px 0 14px 15px;
    width: 250px;
    font-weight: 400
}

.knowledgeCentre-QuickLinks {
    color: #e14504 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.knowledgeCentre-QuickLinks-Headings, .knowledgeCentre-QuickLinks-Headings a {
    color: #e14504 !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    font-family: DMSans-Regular !important;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledgeCentre-InterestAreaName {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
    text-transform: uppercase
}

.knowledgeCentre-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-IntrestAreaTopics {
    color: #000;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.knowledgeCentre-SelectedIntrestAreaDescription {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
}

.Tracking-Summary-Heading {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Tracking-Summary-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

.Tracking-EditTracking {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Tracking-From {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-To-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Share-Progress {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 11px !important;
    letter-spacing: 0 !important
}

.Tracking-TarckingData {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Tracking-Reporting-Heading {
    color: #000 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.tracking-analysis {
    color: #000 !important;
    letter-spacing: 0 !important;
    cursor: pointer
}

    .tracking-analysis b {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 16px;
        letter-spacing: .4px;
        font-weight: unset !important
    }

    .tracking-analysis ul {
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: unset !important
    }

.tracking-analysis-description-2 {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-analysis ul li b {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset !important
}

.Tracking-Reminder-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important
}

.Snippets-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Main-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Snippets-Your-Favourite {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.Snippets-Edit {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.Snippets-SnippetTypeData {
    letter-spacing: .4px !important;
    font-family: DMSans-Medium !important;
    font-size: 14.024pt !important;
    color: #e14504 !important;
    padding-top: 0
}

.Snippet-About-DropDown {
    color: #272727 !important;
    font-family: Montserrat-Light !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    padding-left: 3px !important;
    height: 33px !important
}

.Snippet-FavoriteSnippetData-Text {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21pt;
    font-weight: 400 !important
}

.Snippet-FavoriteSnippetData-Author {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 18pt !important;
    letter-spacing: -1px !important;
    font-weight: 400;
    line-height: 16.8pt
}

.Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 16.8pt !important
}

.Profile-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.Profile-Heading-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    line-height: 21.6pt
}

.Profile-Breadcrumb {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Profile-Detail-Labels {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px
}

.Profile-Detail-inputs {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px;
    border: 1px solid #e14504 !important
}

.Profile-Save-Button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 14.5pt;
    font-weight: unset !important;
    border: none
}

.Continue-Button-Modal {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Continue-Button-Modal:hover {
        color: #fff !important;
        background: #e14504 !important;
        text-decoration: none !important
    }

.Save-Button-Modal {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

    .Save-Button-Modal:hover {
        color: #31251b !important;
        text-decoration: none !important
    }

.PhSuicidalThoughts-Heading {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.PhSuicidalThoughts-Description {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Continue-Button {
    color: #31251b !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors-Active {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factors {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important;
    margin-left: 22px;
    line-height: 16.8pt
}

.Profile-Description {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.resultselfpadding1 div h2, .resultselfpadding1 div h4 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    line-height: 23pt;
    font-weight: 700 !important
}

.resultselfpadding1 div p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Description2 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt
}

.Register-link {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important
}

.menu-login-bold {
    color: #272727 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14pt !important;
    line-height: 16.8pt !important
}

.login-password, .login-username {
    color: #393939;
    font-family: Montserrat-Light;
    font-size: 14px;
    letter-spacing: 0
}

.login-forgot-link, .login-or-label {
    color: #999 !important;
    font-family: Montserrat-regular !important;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.login-rememberme {
    color: #393939;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

.login-btn-facebook, .login-btn-twitter {
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.login-btnlogin {
    color: #fff !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 1px
}

.navigation-menu {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    line-height: 16.8pt !important
}

.navigation-menu-withoutLogin {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    cursor: pointer;
}

.myCompass-text {
    color: #80bc00 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px !important;
    letter-spacing: 2px !important
}

.personalize-text {
    color: #2e102d !important;
    font-family: DMSANS-REGULAR;
    font-size: 44px !important;
    letter-spacing: 1px !important
}

.get-started-button {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important;
    padding-left: 36px;
    padding-right: 36px
}

.jumpToInfo-Text {
    color: #000 !important;
    font-family: DMSANS-Medium !important;
    font-size: 14px !important;
    letter-spacing: 2px !important
}

.catagory-menu-Text {
    color: #7e8180;
    font-family: DMSANS-Medium !important;
    font-size: 14px;
    letter-spacing: .5px !important
}

.getstartedIn5-text {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.printbrochure-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.catogory-under5-minutes {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.your-treatment-number1, .your-treatment-number14, .your-treatment-number7 {
    color: #fff !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 1px solid #e14504;
    text-align: center;
    background-position-y: 0;
    background-repeat: no-repeat;
    padding-top: 3px;
    border-radius: 24px;
    background-color: #e14504 !important
}

.your-treatment-number14 {
    letter-spacing: 0 !important
}

.your-treatment-Heading1 {
    color: #e24201 !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    font-family: DMSANS-BOLD
}

.your-treatment-Heading2 {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 2.3px !important
}

.your-treatment-number14, .your-treatment-number7 {
    margin-right: 10px
}

.your-treatment7-Heading1 {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    position: relative;
    top: 4px
}

.your-treatment7-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    position: relative;
    line-height: 16.8pt;
    top: 4px
}

span.letter-spacing {
    letter-spacing: 2px !important
}

.your-treatment14-Heading1 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    line-height: 16.8pt;
    position: relative;
    top: 4px
}

.your-treatment14-Heading2 {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 1.8px !important;
    position: relative;
    line-height: 16.8pt;
    top: 4px
}

.your-treatment {
    font-size: 44px !important;
    letter-spacing: 2px !important;
    float: left;
    color: #000;
    font-family: DMSANS-REGULAR
}

.your-treatment-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt
}

.your-treatment-number {
    color: #e24201 !important;
    font-family: DMSans-Bold !important;
    font-size: 56px !important;
    letter-spacing: 7px !important
}

.youTreatment-textwithnumber-7 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-1 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 15px !important;
    letter-spacing: 1.8px !important
}

.youTreatment-textwithnumber-2 {
    color: #e24201 !important;
    font-family: Montserrat-Medium !important;
    font-size: 21px !important;
    letter-spacing: 2.3px !important
}

.padding-right-4 {
    padding-right: 4px
}

.Try-oneActivity-text {
    color: #2e102d !important;
    font-family: Montserrat-Medium !important;
    font-size: 20px !important;
    letter-spacing: .9px !important
}

.Try-activity-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    padding-left: 40px;
    padding-right: 40px
}

.About-Program-Btn {
    color: #e14504 !important;
    background-color: transparent !important;
    font-family: DMSans-Medium !important
}

.myCompass-made-me {
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 22px;
    letter-spacing: 0 !important;
    font-weight: 700
}

.best-of-all-text {
    color: #31251b !important;
    font-family: DMSans-Bold;
    font-size: 22px !important;
    letter-spacing: .5px !important
}

.get-yourself-text {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.getstarted-in-mademe-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    display: inline-block;
    padding-left: 40px;
    padding-right: 40px
}

.footer-menu {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
    text-decoration: none !important;
}

.padding-left-right-0 {
    padding-left: 0;
    padding-right: 0
}

.person-text {
    color: #000 !important;
    font-family: DMSans-Medium;
    /*   font-size: 18pt !important;*/
    letter-spacing: 0 !important;
    /*line-height: 21.6pt;*/
    width: auto !important;
    height: auto !important;
    margin: auto;
    float: none;
    font-weight: 400 !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
}

.Activity-Completing-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
}

.Activity-Landing-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 42pt !important;
    letter-spacing: 2px !important;
    line-height: 50.4pt;
    padding: 0 25px;
    word-break: break-word
}

.Activity-Landing-Breadcrumb {
    color: #000 !important;
    font-family: Montserrat-regular !important;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.Activity-Keep-Learning-Description {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    /*  padding-left: 30px;*/
    margin-bottom: 30px;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    margin-top: -5px !important;
}

.Profile-Questionnaire-Heading {
    color: #e14504 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    font-weight: unset !important
}

.Profile-Questionnaire-Question-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile-Tracking-Setup-Factor-Heading {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important;
    font-weight: 700 !important;
    line-height: 23pt;
    justify-content: center;
    padding: 20px 0
}

.Profile-Tracking-Reminder-Dropdown {
    background-color: TRANSPARENT;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 2px solid #e14504
}

.Profile-Tracking-Reminder-Checkbox {
    color: #272727 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-Tracking-Reminder-Enable {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    min-width: 200px;
    margin-left: 0px;
}

.Default-Snippet-Types {
    font-family: DMSans-Medium !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    margin-left: 18px;
    margin-left: 40px;
}

.Profile-Tracking-Reminder-Dropdown-Headings {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.Profile-TrackingReminders-Dropdown-Headings2 {
    text-align: center;
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
}

.Tracking-Complete-Heading {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-Currently-Empty-Heading {
    color: #bcbcbc !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .8px !important;
    font-weight: unset !important;
    text-align: center
}

h1.text-center.register-header {
    font-family: DMSANS-BOLD;
    font-size: 27pt
}

h2.text-center.register-header {
    font-family: DMSANS-REGULAR;
    font-size: 27pt
}

.register-header {
    color: #272727;
    font-family: "DM Sans",sans-serif;
    text-align: center;
}

.register-header2 {
    color: #000;
    font-family: DMSans-Medium;
    font-size: 18px;
    letter-spacing: 0
}

.register-already-registered {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0
}

    .register-already-registered .orangeclr:hover {
        color: #e14504 !important;
        text-decoration: none;
    }

.register-header-account, .register-step1 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

.register-step2 {
    color: #272727 !important;
    font-family: "DM Sans",sans-serif;
    font-size: 30px !important;
    letter-spacing: 0 !important
}

.register-step1-p {
    color: #272727 !important;
    font-family: DMSANS-REGULAR;
    font-size: 27pt !important;
    line-height: 32.4pt;
    letter-spacing: 0 !important
}

.register-aside-header {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 33pt;
    letter-spacing: 0;
    padding: 0;
    font-weight: unset !important
}

.register-topic-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    padding: 0;
    z-index: 1 !important
}

.register-select {
    background-color: TRANSPARENT;
    font-family: DMSans-Regular;
    font-size: 14pt;
    margin-top: 0;
    margin-left: 0;
    min-width: 105px;
    padding: 0 10px;
    letter-spacing: 0;
    border: 2px solid #e14504
}

.register-additional-info-header {
    color: #272727;
    font-family: DMSANS-REGULAR;
    font-size: 33pt;
    padding: 0;
    letter-spacing: 0 !important
}

.register-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium !important;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.register-step2-header {
    color: #272727;
    font-family: Montserrat-Medium !important;
    font-size: 18px;
    letter-spacing: 0 !important
}

.register-step2-sub-header {
    color: #000;
    font-family: Montserrat-medium;
    font-size: 18px;
    letter-spacing: 0
}

.Prev-Button {
    color: #c93600 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    cursor: pointer !important
}

    .Prev-Button a {
        color: #c93600 !important;
        font-family: Montserrat-Medium !important;
        font-size: 14px !important;
        letter-spacing: 0 !important;
        cursor: pointer !important
    }

.register-step2-sub-description {
    color: #000;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    top: -2px;
    line-height: 16.8pt;
    z-index: 1;
    margin-top: 30px;
}

.register-question-header {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important
}

.register-option-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-header {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 16px;
    letter-spacing: 0
}

.Suicidal-div-body, .register-previous-link {
    color: #c93600;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.register-contine {
    color: #31251b;
    font-family: Montserrat-meduim;
    font-size: 14px;
    letter-spacing: 0
}

.Activity-Active {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    /*  margin-top: 14px !important;*/
    font-size: 14pt !important;
    letter-spacing: .5px !important;
    font-weight: 700;
    margin-top: 80px !important;
    margin-bottom: 20px !important;
}

.Activity-Active-Panel {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.Activity-Active-Percentage {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 31pt !important;
    letter-spacing: 1.5px !important;
    font-weight: 700
}

.Activity-Active-PanelFooter {
    color: #e14504;
    font-family: DMSans-Medium !important;
    border: 0;
    font-size: 15pt !important;
    letter-spacing: .4px !important;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.Activity-Recommended {
    color: #e14504 !important;
    font-family: DMSans-Bold;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    /*   margin-top: 15px !important;*/
    padding-left: 15px;
    /*  margin-bottom: 15px;*/
    text-transform: uppercase;
    line-height: 16.8pt;
    margin-top: 50px;
    margin-bottom: 10px;
}

.Activity-Recommended-Headings h5 {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    padding-left: 15px !important;
    font-size: 18pt !important;
    letter-spacing: .4px !important
}

.Activity-Recommended-Modules {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 0px !important;
    line-height: 16.8pt;
}

    .Activity-Recommended-Modules .inner {
        padding-left: 30px !important;
    }


.Activity-Recommended-Modules-Inner-Percentage {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-KeepLearning {
    color: #e14504 !important;
    font-size: 42px;
    font-family: DMSans-Regular;
    margin-top: 50px !important;
    margin-bottom: -7px !important;
}

.Activity-KeepLearning-Modules {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important;
    letter-spacing: .4px !important;
    vertical-align: middle;
    display: table-cell;
    line-height: 16.8pt;
    margin-left: 10px;
    margin-right: -15px;
}

.Activity-KeepLearning-Circle-Percentage {
    color: #e14504 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Activity-Main-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 42pt !important;
    letter-spacing: 2px !important;
    line-height: 50pt
}

.Tracking-Main-Heading {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 42pt !important;
    letter-spacing: 2px !important;
    line-height: 50pt
}

.Activity-Main-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important
}

.Tracking-Main-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important
}

.Activity-Empty {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .6px !important
}

.Activity-Module-Name {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18px !important;
    letter-spacing: .6px !important;
    /*  border-top-left-radius: 20px;*/
    text-align: left !important;
    /*border-top-right-radius: 20px*/
    display: flex;
    justify-content: center;
    border-radius: 16px, 16px, 0px, 0px;
}

.takeSelf-Assessment-text {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    letter-spacing: 0 !important;
    line-height: 40pt
}

.takeSelf-Assessment-desc {
    color: #000 !important;
    font-family: DMSans-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 16.8pt;
    width: 350px !important;
    padding-top: 30px !important
}

.take-screener-tab {
    color: #31251b !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

    .take-screener-tab:hover {
        color: #31251b !important;
        font-family: DMSans-Medium !important;
        font-size: 14pt !important;
        letter-spacing: .4px !important
    }

.over-time-text {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100
}

.self-asessment-questions {
    color: #000 !important;
    color: #000 !important;
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    letter-spacing: .5px !important
}

.self-asessment-options {
    color: #000 !important;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt !important;
    letter-spacing: -1px !important;
    margin: 0
}

.Profile-Snippet-Setup-Description {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.selfAssessmentInDashboard .SelfAssessmentRegisterLink {
    display: none !important
}

.radio label {
    padding-left: 13px !important
}

.radio.registerLabel label {
    padding-left: 4px !important
}

.knowledgeCentre-padding-left-right {
    padding-left: 30px !important;
    padding-right: 30px !important
}

li.icon.open .menu-login {
    color: #272727 !important;
    font-family: Montserrat-Bold !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    font-weight: unset !important
}

.Dashboard-FeatureSnippet {
    background: #fff5e8;
    color: #000;
    font-family: DMSANS-REGULAR;
    font-size: 33pt;
    font-style: normal;
    font-weight: 400;
    padding: 30px 0 0 0;
    margin: 0;
    width: 100%
}

.SelfAssessment-SeveralDays-Description {
    color: #e14504 !important;
    font-family: DMSANS-REGULAR;
    font-size: 10pt !important;
    letter-spacing: 0 !important;
    text-align: left;
    margin-top: 10px !important
}

.tab-content .submittedPHQGAD p b {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: unset !important
}

.tab-content .submittedPHQGAD p a {
    font-family: DMSans-Medium !important;
    margin-top: 14px;
    width: 74%;
    padding: 7px 12px;
    background: #e14504;
    border-radius: 50px;
    color: white;
    border: 2px solid #e14504;
    border: none;
    text-transform: uppercase;
    font-size: 12pt !important;
    text-decoration: none;
}

.SelfAssessmentRegisterLink:hover {
    background-color: #ff0
}

.tab-content .submittedPHQGAD p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Dashboard-ViewSnippet {
    color: #000;
    font-family: DMSANS-MEDIUM;
    font-size: 12pt;
    font-style: normal;
    font-weight: 400 !important;
    pointer-events: initial;
    text-align: center;
    cursor: pointer;
    line-height: 14.5pt;
    letter-spacing: 1.33px;
    padding: 10px 50px 10px 50px;
    border: 1.5pt solid #e14504;
    background: 0 0
}

    .Dashboard-ViewSnippet.viewAllActivities {
        text-transform: uppercase;
        margin-bottom: 50px !important;
    }

.Dashboard-Snippet-Heading {
    color: #000;
    font-family: "DM Sans Medium",sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600
}

.Dashboard-Snippet-Author {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Knowledge-Center {
    color: black !important;
    font-size: 33pt;
    font-family: DMSans-Regular
}

.Dashboard-Completed {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: .5px !important
}

.Dashboard-Active-Module-Empty {
    color: #404040 !important;
    font-family: Montserrat-Regular !important;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.Dashboard-Active-Button-LetsGet {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.Dashboard-Navigation-Menu {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 13px !important;
    letter-spacing: 1px !important
}

.dashboard-Module-Heading {
    color: #272727 !important;
    font-family: DMSans-Regular !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.dashboard-Module-Active {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.dashboard-Activity-ModuleActive {
    color: #fff !important;
    font-family: Montserrat-Light !important;
    font-size: 20px !important;
    letter-spacing: .6px !important
}

.dashboard-Activity-ModuleActive-Percentage {
    color: #e14504 !important;
    font-family: DMSANS-BOLD !important;
    font-size: 58pt !important;
    letter-spacing: 1.5px !important
}

.dashboard-Activity-ModuleActive-Continue {
    color: #e14504 !important;
    font-family: DMSans-Bold !important;
    letter-spacing: 0 !important;
    line-height: 14.37pt;
    font-size: 14pt !important
}

.dashboard-Activity-Module-Paused {
    color: #000 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12pt !important
}

.dashboard-Activity-Module-Paused-Percentage {
    color: #31251b !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important
}

.dashboard-Activity-Module-Completed-Name {
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    margin-left: 0;
    padding: 0;
    width: 90%
}

.dashboard-Activity-Module-Btn-View-All-Activity {
    color: #31251b !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-calendar {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 16.9pt;
    line-height: 20pt;
    letter-spacing: 0
}

.today-tracking-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold;
    font-size: 18px !important;
    letter-spacing: .5px !important
}

.slider-question-text {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-edit-setting {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.today-tracking-dropdown-quetion {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.today-tracking-dropdown {
    color: #000 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: .3px !important
}

.today-tracking-low-high {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important
}

.submit-tracking-button {
    color: #31251b !important;
    font-family: Montserrat-SemiBold;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.report-overview {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 18px !important;
    letter-spacing: 1px !important
}

.report-overview-margin {
    margin-left: 10px
}

.track-now {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.trackers-text {
    color: #272727 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.view-your-reports {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: .4px !important
}

.dashboard-edit-your-settings {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 12px !important;
    letter-spacing: 0 !important
}

.dashboard-edit-your-settings-outer {
    color: #c93600 !important;
    font-family: Montserrat-Medium;
    font-size: 14px !important;
    letter-spacing: 0 !important
}

.empty-chart-message {
    color: #404040 !important;
    font-family: Montserrat-Regular;
    font-size: 30px !important;
    letter-spacing: .8px !important
}

.non-active-module-in-dashboard {
    height: 230px;
    border-radius: 6px
}

.dashboard-activity-panel-heading {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 21.6pt;
    height: auto;
    /* padding-top: 20px !important*/
    padding-top: 10px !important;
}

.profile-self-assessment-slider-heading {
    color: #31251b !important;
    font-family: Montserrat-Medium;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: unset !important
}

.profile-self-assessment-question-header {
    color: #000;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    letter-spacing: 0
}

.Tracking-Empty-Heading {
    color: #d6dbdd !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.float-right {
    float: right
}

.your-treatment-1-day {
    display: table;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
}

.your-treatment-7-day {
    margin-top: 15px;
    margin-bottom: 8px;
}

.your-14days-teatment {
    display: block;
    padding-right: 0;
}

@media only screen and (min-device-width:320px) and (max-device-width:424px) {
    .btn-continue {
        width: 40% !important;
        left: 62px !important
    }

    .btn-login {
        margin-left: -35%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Main-Heading {
        font-size: 42pt !important
    }

    .mobilemarg {
        margin-left: 0
    }

    .mobilepad {
        padding-right: 5px
    }

    .margin-left-2px_mob {
        margin-left: 2px
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .btnOrange {
        height: auto
    }

    .Dashboard-ViewSnippet {
        padding-top: 10px !important;
        padding-bottom: 10px;
        margin-bottom: 20px
    }

    .submit-tracking-button {
        padding-top: 6px !important
    }

    .Profile-Save-Button {
        height: 44px;
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px;
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .dashboard-username-text {
        font-size: 30pt !important;
        line-height: 36pt !important;
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) {
    .register input[type=radio]:checked ~ .cr .customRadioColor:before {
        margin-top: -5px !important;
        margin-left: 7px !important
    }

    h4.Dashboard-FeatureSnippet {
        letter-spacing: 0 !important;
        font-size: 21px !important
    }

    .Dashboard-Self-Assessment2-notatall-width-left {
        width: 22% !important;
        left: 0 !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-severaldays-width-left {
        width: 27% !important;
        left: 2px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-morethanhalf-width-left {
        width: 24% !important;
        left: 9px !important;
        padding: 0 !important;
        font-size: 12px !important
    }

    .Dashboard-Self-Assessment2-nearEvery-width-left {
        width: 24% !important;
        left: 2% !important;
        padding: 0 !important;
        font-size: 12px !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div a.try_activity_button {
        padding: 10px !important;
        margin-left: 0;
    }

    div.tracking-graph-container .lower-button-tracking button {
        width: 75% !important;
        margin-left: 12.5%;
    }

    div.lower-button-tracking .profile_Questionnaire {
        margin-left: 3% !important;
    }

    div.lower-button-tracking .margin_left_7_persent_mobile {
        margin-left: 0%;
    }

    div.tracking-graph-container .lower-button-tracking a {
        margin-left: 7px;
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48%;
        left: 50%
    }

    .mobile-self-assement-div .panel-body {
        width: 330px;
        padding-right: 0 !important
    }

    div.background_light_blue .center-img {
        width: 98%;
        position: relative;
        max-width: unset;
        margin: auto
    }

    div.width_71_mobile {
        width: 71%
    }

    div.width_29_mobile {
        width: 33%
    }

    .tab-content.Profile-Save-Button.button-orange {
        padding: 10px 40px
    }

    .tab-content .submittedPHQGAD p a {
        width: 100% !important;
        font-size: 10px !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 100% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 80% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .desktop_row.mobileRow {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .backgound-color-white div._idContainer1305 {
        transform: translate(134px,484.499px) rotate(0) skew(0) scale(.75,.9);
        width: 80%
    }

    .margin-top34-mob {
        margin-top: 30px
    }

    .mob-padding-left8px {
        margin-left: 8px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        margin-left: 0 !important;
        background-repeat-y: no-repeat !important;
        height: 240px !important;
        margin-top: -65px !important;
        margin-bottom: 30px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .marginbtnCollapse {
        margin: 4px
    }

    .sidenav .header-right {
        width: 282px
    }

    .header-right {
        margin-top: 15px !important;
        font-size: 14px;
        margin-top: 0 !important;
        width: 263px
    }

    .header-right {
        margin-right: 0 !important
    }

    .dark-orange a {
        font-size: 12px
    }

    .layoutsymptomModal {
        padding: 0 !important
    }

        .layoutsymptomModal .btn-White {
            margin-top: 5px !important;
            margin-left: 0 !important;
            max-width: 100%
        }

        .layoutsymptomModal .customskipbtn.btnPurple {
            margin-top: 10px !important;
            margin-left: 3% !important
        }

        .layoutsymptomModal .btnPurple {
            letter-spacing: 0 !important;
            margin-left: 0 !important;
            padding: 7px 15px
        }

    .symptomModal-dialog {
        margin-top: 28px !important;
        position: relative !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    h3.Profile-Tab-Heading {
        padding-left: 5px !important;
        letter-spacing: 0 !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
    }

    .report-overview-calendar {
        left: 90% !important;
        top: -30px !important
    }

    .labelMargin1-Left {
        margin-left: 1px !important
    }

    .labelMargin2-Left {
        margin-left: 30px !important
    }

    .labelMargin3-Left {
        margin-left: 31px !important
    }

    .labelMargin4-Left {
        margin-left: 30px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: 1px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 26px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 27px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 27px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 2px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 0 !important
    }

    .Ques3Label6Margin-Left {
        margin-left: -1px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 1px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 0 !important
    }
}

@media only screen and (min-device-width :350px) and (max-device-width :568px) {
    .margin-top34-mob {
        margin-top: 34px
    }

    .mob-padding-left8px {
        margin-left: 4px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background-repeat-y: no-repeat !important;
        margin-left: 0 !important;
        height: 220px !important;
        margin-top: -64px !important;
        margin-bottom: 30px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .sidenav .header-right {
        margin-left: 20px;
        width: 282px
    }

    .header-right {
        margin-top: 5px !important;
        font-size: 18px;
        width: 265px;
        padding-left: 0 !important
    }

    .width-120-per {
        width: 45% !important
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1px #e14504 Solid !important;
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 39px !important
    }

    .labelMargin3-Left {
        margin-left: 39px !important
    }

    .labelMargin4-Left {
        margin-left: 39px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -3px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 34px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 35px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 33px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 7px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 5px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 6px !important
    }
}

.sidenav .header-right {
    margin-left: 20px
}

@media only screen and (min-device-width :410px) and (max-device-width :415px) {
    .mob-padding-left8px {
        margin-left: 10px !important
    }

    .your-treatment-Heading1 {
        letter-spacing: 9.4px !important
    }

    .your-treatment7-Heading1 {
        font-size: 10px !important;
        letter-spacing: 1.2px !important
    }

    .your-treatment7-Heading2 {
        letter-spacing: 5.2px !important
    }

    .your-treatment14-Heading2 {
        letter-spacing: .5px !important
    }

    .home-green-image2-margin-top {
        margin-top: 30% !important
    }

    .mob-margin-top-30 {
        margin-top: -10px !important
    }

    .tracking-margin-top-20px {
        margin-top: 0 !important
    }

    .customNav .tabFive, .customNav .tabFour, .customNav .tabOne, .customNav .tabThree, .customNav .tabTwo {
        width: 100% !important;
        text-align: left !important
    }

    .home-green-content-height {
        height: auto !important
    }

    .mobile-margin-bottom-30 {
        margin-bottom: 30px !important
    }

    .accordion-tabbed-collapse-in-bgcolor {
        background-color: #f9f9f9 !important;
        padding: 0 !important
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

        .mobile-about-inner-accordion a {
            text-decoration: none !important;
            color: #555;
            font-size: 14px !important;
            font-family: Montserrat-SemiBold !important
        }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .mobile-about-last-padding-left {
        padding-left: 10px !important
    }

    .ProfileModal-dialog {
        height: 100% !important;
        position: relative !important
    }

    .customprofilemodal {
        padding-right: 0 !important
    }

    .footerHome {
        background: url(/Images/footer.png);
        background-repeat-y: no-repeat !important;
        height: 220px !important;
        margin-top: -65px !important;
        margin-bottom: 40px !important
    }

    .padding-share-button {
        padding: 18px 0 18px 0;
        box-shadow: 0 1px 2px 0 #888;
        background: #f79c00;
        border-radius: 3px;
        cursor: pointer;
        width: 100% !important;
        margin-top: 10px
    }

    .padding-share-button-style {
        width: 100% !important
    }

    .header-right {
        margin-top: 5px !important;
        font-size: 18px
    }

    .layoutsymptomModal .btn-White {
        margin-top: 5px !important;
        margin-left: 0 !important
    }

    .layoutsymptomModal .customskipbtn.btnPurple {
        margin-top: 5px !important;
        margin-left: 3% !important
    }

    .layoutsymptomModal .btnPurple {
        letter-spacing: 0 !important;
        margin-left: 0 !important
    }

    .QuestionnaireModal {
        padding: 0 !important
    }

    .mobile-custom-bottom {
        margin-bottom: 22% !important
    }

    .mobile-button-next {
        text-align: right !important;
        margin-left: 0 !important
    }

    .MobileProfileModalOuterBox {
        position: absolute !important;
        float: left !important;
        left: 50% !important;
        top: 58% !important;
        transform: translate(-50%,-50%) !important
    }

    .Register-Radio-Required {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required2 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .Register-Radio-Required3 {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        line-height: 1.42857143;
        background-color: #fff !important;
        background-image: none;
        border-radius: 4px;
        border: none !important;
        color: #000 !important;
        font-family: Montserrat-Medium;
        font-size: 12px !important;
        letter-spacing: .3px !important;
        font-weight: unset !important;
        border-bottom: 1px #e0e0e0 Solid !important
    }

    input[type=date], input[type=number], input[type=password], input[type=text], select {
        box-shadow: none !important;
        border: 1.5px #e14504 Solid !important
    }

    .labelMargin1-Left {
        margin-left: -3px !important
    }

    .labelMargin2-Left {
        margin-left: 41px !important
    }

    .labelMargin3-Left {
        margin-left: 46px !important
    }

    .labelMargin4-Left {
        margin-left: 47px !important
    }

    .Ques2labelMargin1-Left {
        margin-left: -7px !important
    }

    .Ques2labelMargin2-Left {
        margin-left: 40px !important
    }

    .Ques2labelMargin3-Left {
        margin-left: 38px !important
    }

    .Ques2labelMargin4-Left {
        margin-left: 40px !important
    }

    .Ques3Label0Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label1Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label2Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label3Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label4Margin-Left {
        margin-left: 9px !important
    }

    .Ques3Label5Margin-Left {
        margin-left: 11px !important
    }

    .Ques3Label6Margin-Left {
        margin-left: 8px !important
    }

    .Ques3Label7Margin-Left {
        margin-left: 10px !important
    }

    .Ques3Label8Margin-Left {
        margin-left: 10px !important
    }
}

.footerHome {
    height: 130px;
    margin-left: 0;
    margin-top: -10px;
    margin-bottom: 40px;
    background-color: #f4f1ef !important;
    background-repeat-y: no-repeat;
    width: 100%
}

.padding-top-3 {
    padding-top: 3px
}

.margin-top-6-per {
    margin-top: 6%
}

.margin-top-4-per {
    margin-top: 4%
}

.radio .questionnaire-cr .cr-icon {
    position: absolute;
    font-size: 1.5em;
    line-height: 0;
    top: 60%;
    left: -4px
}

.radio label input[type=radio] + .questionnaire-cr > .cr-icon {
    transform: scale(1.5) rotateZ(0) !important;
    opacity: 1
}

.radio .questionnaire-cr .cr-icon {
    margin-left: unset;
    color: #888
}

.radio .questionnaire-cr {
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: .25em;
    width: 1.4em;
    height: 1.4em;
    margin-right: .5em;
    top: 3px;
    border: 1px solid #b9b5b5;
    border-radius: 50%
}

input[type=radio]:checked ~ .questionnaire-cr .customcolorblue:before {
    background-color: #006e8b;
    content: " ";
    height: 9px;
    width: 9px;
    display: block;
    margin-top: -4.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

.radio .register-cr .cr-icon {
    position: absolute;
    font-size: 1.4em;
    line-height: 0;
    top: 63%;
    left: -4px
}

.radio label input[type=radio] + .register-cr > .cr-icon {
    transform: scale(1.2) rotateZ(0) !important;
    opacity: 1;
    transition: all .3s ease-in
}

.radio .register-cr .cr-icon {
    margin-left: -.06em;
    color: #888
}

.radio .register-cr {
    position: relative;
    display: inline-block;
    background: 0 0;
    border-radius: .25em;
    width: 16px;
    height: 16px;
    margin-right: .5em;
    top: 2px;
    border: 1.5pt solid #e14504;
    border-radius: 24px
}

ul {
    /*list-style-image: url(../../Images/BulletPoint.png)*/
    list-style-type: disc;
}

.login-rememberme input[type=checkbox]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 12px;
    width: 12px;
    display: block;
    margin-top: -7.8px;
    margin-left: 5px !important;
    border-radius: 50px !important
}

input[type=radio]:checked ~ .register-cr .customRadioColor:before {
    background-color: #e14504;
    content: " ";
    height: 14px;
    width: 14px;
    display: block;
    margin-top: -7.521px;
    margin-left: 4px !important;
    border-radius: 50px !important
}

.Learn-More-Text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 1px !important
}

.moveleft-web-15 {
    left: -15px
}

.healthcare-text {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 30px !important;
    letter-spacing: 2px !important
}

.share-mycompass {
    margin-left: 1%
}

.knowledge-center-hr hr {
    border-top: 2px solid #eee
}

.module-keep-learning .table-bordered {
    border: 0 solid #e3f2f7;
    border-top-left-radius: 8px;
    padding: 0 0;
    border-top-right-radius: 8px
}

.module-box-height {
    max-height: 1000px
}

.active-catagory {
    font-family: Montserrat-Bold !important
}

.trackingBox-dashboard {
    background-image: url(/Images/dashboard-graph-placeholder.png);
    height: 600px
}

.tracking-analysis ul li b.custom-color {
    color: #f37d31 !important
}

.border-radius-8 {
    border-radius: 8px
}

.width-70px {
    width: 70px !important
}

.width-nearly-77px {
    width: 77px !important
}

.register-selfassessment .rzslider {
    width: 97% !important
}

.SymptomScreenerQues2 .rzslider {
    width: 90% !important
}

.margin-left-3px {
    margin-left: -3px
}

.margin-left-88px {
    margin-left: 88px !important
}

.margin-left-74px {
    margin-left: 74px !important
}

.width-not-difficult-80px {
    width: 80px !important;
    left: -12px !important
}

.margin-somewhat-left-42 {
    margin-left: 42px !important
}

.margin-very-difficult-left-37px {
    margin-left: 37px !important
}

.width-extreme-difficult {
    width: 105px !important;
    left: 14px
}

.selfAssessment-not-at-all-left-5px {
    left: 14px !important
}

.selfAssessment-several-days-width-left {
    width: 90px !important;
    margin-left: 79px !important
}

.selfAssessment-more-than-left {
    left: 54px !important;
    width: 110px
}

.selfAssessment-nearly-left {
    left: 58px !important
}

.selfAssessment-not-difficul-width {
    width: 100px !important
}

.selfAssessment-somewhat-difficult-width {
    width: 100px !important
}

.selfAssessment-very-difficult-width {
    width: 100px !important;
    left: 128px !important
}

.selfAssessment-not-difficult-at-all-left {
    left: 67px !important
}

.selfAssessment-somewhat-difficult-left {
    width: 100px !important;
    left: 98px !important
}

.selfAssessment-extremely-difficult-width-left {
    left: 161px !important
}

.symptomScreener-not-at-all-width-left {
    width: 58px !important;
    left: 41px !important
}

.symptomScreener-several-days-width-left {
    width: 90px !important;
    left: 142px !important
}

.symptomScreener-more-than-width-left {
    width: 135px !important;
    left: 198px !important
}

.symptomScreener-nearly-width-left {
    width: 115px !important;
    left: 255px !important
}

.symptomScreener-not-difficult-width-left {
    width: 120px !important;
    left: -79px !important
}

.symptomScreener-somewhat2-width-left {
    width: 120px !important;
    left: -37px !important
}

.symptomScreener-verydifficult2-width-left {
    width: 120px !important;
    left: -19px !important
}

.symptomScreener-extremelydifficult2-width-left {
    width: 120px !important;
    left: 19px !important
}

.symptomScreener-Questionnaire2-notatall-width-left {
    width: 70px !important;
    left: -6px !important
}

.symptomScreener-Questionnaire2-severaldays-width-left {
    width: 105px !important;
    left: 60px !important
}

.symptomScreener-Questionnaire2-morethanhalf-width-left {
    width: 135px !important;
    left: 97px !important
}

.symptomScreener-Questionnaire2-nearEvery-width-left {
    width: 110px !important;
    left: 126px !important
}

.symptomScreener-Questionnaire3-notdifficult-width-left {
    width: 130px !important;
    left: -35px !important
}

.symptomScreener-Questionnaire3-somewhat-width-left {
    width: 105px !important;
    left: 0 !important
}

.symptomScreener-Questionnaire3-verydifficult-width-left {
    width: 100px !important;
    left: 53px !important
}

.symptomScreener-Questionnaire3-extremedifficult-width-left {
    width: 130px !important;
    left: -12px !important
}

.z-index-1 {
    z-index: 1
}

.selfAssesmentResultModal-dialog {
    margin-top: 5%;
    background: #fff
}

.selfAssesmentResultModal-header {
    padding: 8px;
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-body p {
    font-size: 13px
}

.selfAssesmentResultModal-footer .btn, .selfAssesmentResultModal-footer .btn:hover {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    height: 36px;
    margin-bottom: 10px;
    border: 1.5pt solid #e14504;
    background: 0 0;
    text-align: center !important
}

.selfAssesmentResultModal-footer {
    border-top: none
}

.accordion-bgcolor {
    background-color: #e3f2f7;
    border: 1px solid #ddd
}

.accordion-collapse-in-bgcolor {
    background-color: #fff
}

.accordion-content-padding {
    padding: 20px 4.9px !important;
    font-size: 18pt;
    font-family: DMSans-Regular;
    letter-spacing: 0 !important;
    line-height: 23pt !important;
    color: #000 !important
}

.accordion-collapse-in-bgcolor span > ul {
    background-color: #fff;
    padding: 5px 15px !important
}

.accordion-tabbed-collapse-in-bgcolor {
    background-color: #fff
}

.padding-right-15px {
    padding-right: 15px !important
}

.padding-left-right-30px {
    padding-left: 30px
}

.padding-home-button {
    padding: 8px 4px 8px 3px;
    background: 0 0;
    cursor: pointer;
    font-size: 12.096pt;
    font-weight: 500;
    border-radius: 34px;
    width: 100% !important;
    border: 2px solid #e14504
}

.padding-share-button {
    padding: 18px 0 18px 0;
    box-shadow: 0 1px 2px 0 #888;
    background: #f79c00;
    border-radius: 3px;
    cursor: pointer;
    width: 90%;
    margin-top: 10px
}

.margin-top-home {
    margin-top: 30px !important
}

.about-home-content ul li.tabFive, .about-home-content ul li.tabFour, .about-home-content ul li.tabOne, .about-home-content ul li.tabThree, .about-home-content ul li.tabTwo {
    font-size: 12px !important;
    font-family: Montserrat-Medium !important
}

.about-home-content ul {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.about-home-content span:not(span.faicon) {
    font-size: 18pt;
    font-family: DMSANS-REGULAR !important;
    font-weight: 400;
    line-height: 23pt !important;
    color: #e14504 !important
}

.about-home-content .accordion-content {
    font-size: 18pt;
    font-family: DMSANS-REGULAR !important;
    line-height: 23pt !important;
    letter-spacing: 0;
    color: #000 !important
}

    .about-home-content .accordion-content ul {
        padding: 15px 15px 0 15px !important
    }

.about-home-content a.tab-anchor span {
    font-size: 14px;
    font-family: DMSans-Regular !important
}

.about-home-content span p b {
    font-family: DMSans-Regular !important;
    font-weight: unset !important;
    font-size: 18pt;
    line-height: 23pt;
    letter-spacing: 0;
    width: auto !important;
    text-align: center;
    color: #000 !important
}

.home-content-font-size-12px {
    font-size: 12px !important
}

.home-graph-margin-left {
    margin-left: 14% !important
}

.home-graph-margin-bottom {
    margin-bottom: 20px !important
}

.home-green-content-height {
    height: 100px
}

.AboutPro.media .media-body, .AboutPro.media .media-left {
    display: table-cell;
    vertical-align: unset !important;
    padding: 5px 0 5px 0 !important
}

.AboutPro.media .media-right {
    padding: 10px 0 0 0 !important
}

.AboutPro-Img-Width {
    width: 100% !important
}

div .custom-anchor p a {
    word-break: break-all !important
}

.pad-left-20px {
    padding-left: 25px !important
}

.customNav .nav-tabs > li > a {
    margin-right: unset !important;
    border-radius: unset !important;
    height: 50px !important
}

.customNav ul {
    margin-bottom: -9px !important
}

.customNav .tab-content .active {
    padding-top: 20px !important
}

.customNav .padding-bottom-20px {
    padding-bottom: 20px !important
}

.customNav .padding-left-20px {
    padding-left: 20px !important
}

.customNav .tabOne {
    width: 25%;
    text-align: center
}

.customNav .tabTwo {
    width: 23%;
    text-align: center
}

.customNav .tabThree {
    width: 20%;
    text-align: center
}

.customNav .tabFour {
    width: 12%;
    text-align: center
}

.customNav .tabFive {
    width: 20%;
    text-align: center
}

.customNav .tab-content .active.in {
    margin-top: 10px !important
}

.customNav .nav-tabs {
    border-bottom: unset !important
}

.moreinfo-font {
    font-size: 14px;
    font-family: Montserrat-Medium !important
}

.mob-margin-top-30 {
    margin-top: 30px
}

.unsubscribe-setup {
    background-color: #e3f2f7
}

.Unsubscribe-Button, Unsubscribe-Button :hover {
    background: #31251b;
    color: #b7b3af;
    font-family: Montserrat-SemiBold !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    padding: 8px 0 8px 0;
    box-shadow: 0 1px 2px 0 #888;
    cursor: pointer;
    border-radius: 3px
}

.tracking-margin-top-20px {
    margin-top: 20px
}

.padding-top-35 {
    padding-top: 35px
}

.dashboard-progress-bar {
    margin-right: 0
}

.snippet-notification-setup .form-control[disabled] {
    background-color: #fff
}

.tracking-reminder-setup .form-control[disabled] {
    background-color: #fff
}

.dashboard-progress-row {
    padding-top: 0;
    background-color: #fff
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.ProfileModalbody {
    font-size: 14px !important;
    font-family: Montserrat-Medium !important;
    color: #31251b !important
}

.activity-progress-row {
    padding-top: 26px
}

.ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.modalResetPassword .modal-body p {
    color: #000;
    font-family: Montserrat-Regular
}

.reset-password-header {
    color: #272727 !important;
    font-family: Montserrat-SemiBold !important;
    font-size: 44px;
    letter-spacing: 2px !important
}

.margin-bottom-174px {
    margin-bottom: 174px !important
}

.layoutsymptomModal .symptomModel-header h3 {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.layoutsymptomModal .symptomModel-header {
    padding: 15px 0 0 0
}

.layoutsymptomModal .modal-body {
    padding: 15px !important;
    color: #000 !important;
    font-family: Montserrat-Medium !important
}

.layoutsymptomModal {
    padding-right: 0 !important
}

.QuestionnaireRadio .radio label {
    padding-left: 8px !important
}

.Register-Radio-Required {
    margin-top: -10px;
    margin-left: -25px
}

.Register-Radio-Required2 {
    margin-top: -25px;
    margin-left: -25px
}

.Register-Radio-Required3 {
    margin-top: -15px;
    margin-left: -25px
}

@media only screen and (min-device-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .mobilepad {
        padding-right: 5px
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    .mobile-self-assement-div {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .healthCareHeight {
        line-height: unset
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .report-overview-calendar {
        width: 8% !important;
        left: 90% !important
    }

    .center-img, .imgmobwidth95per, img.width-100-per-mobile {
        width: 100% !important
    }

    img.imgmobwidth95per {
        width: 50% !important
    }

    .forgot-password-input input, .logininput, .resetPasswordInput input, input, select, textarea {
        max-width: unset !important
    }

    .or {
        left: 48% !important
    }

    .mob-footer.footermargin {
        margin-left: 0;
        width: 33.33333%
    }

    .ipad-margin-top-32 {
        margin-top: 32px
    }

    .mobile-about-inner-accordion {
        padding: 10px 5px !important;
        background-color: #f9f9f9 !important;
        border-top: 1px solid #ddd;
        font-family: Montserrat-SemiBold !important
    }

    .mobile-about-inner-accordion-description {
        background-color: #f9f9f9 !important;
        padding-top: 1px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important
    }

    .ipad-remove-padding {
        padding: 0 !important
    }

    .home-green-content-height {
        height: unset
    }

    .Screenshot3-image-margin img {
        position: relative;
        top: 21px;
        left: 13px
    }

    .Screenshot1-image-margin img {
        position: relative;
        top: -36px;
        left: -32px
    }

    .ipad-clear-both {
        clear: both
    }

    .margin-left-9per {
        margin-left: 26%;
        margin-right: 23%
    }

    div.landing-get-satarted {
        width: 33% !important;
        left: 33%
    }

    .footerHome {
        height: auto !important
    }

    .navbar-header {
        float: none;
        min-height: 10px;
    }

    .myCompassImg {
        width: 250px !important
    }
}

@media (min-width:1024px) {
    .padding {
        padding: 0 0 15px 0 !important
    }

    margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media (min-width:768px) and (max-width:1200px) and (orientation:landscape) {
    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }

    .mobilemarg {
        margin-left: 8.33%
    }

    .btnOrangeTopPad {
        padding-top: 15px
    }

    .circle div {
        position: absolute;
        top: 24px;
        left: 10px;
        width: 90%;
        text-align: center;
        line-height: 40px;
        font-size: 25px;
        color: #ca3f0c
    }

    .circle span {
        position: absolute;
        top: 41px;
        left: -5px;
        width: 95%;
        text-align: center
    }

    .imgTablet {
        width: 50%;
        margin-left: 22%
    }

    .tab-img-width50per {
        width: 50% !important;
        margin-left: 22%
    }

    .border-right-registration {
        border-right: none
    }

    .reg-or {
        display: none
    }

    .padding-trackingsetup {
        padding: 15px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 2%;
        padding-top: 2px
    }
}

@media (min-width:1024px) {
    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 15px;
        padding-bottom: 5px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .section-1 img, .section-2 img, .section-3 img, .section-4 img {
        width: 100%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -80px
    }

    .motivational-message.Fast {
        margin-left: -44px
    }

    .btnOrangePad {
        padding-top: 15px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    /*    .ipad-hide {
        display: none
    }*/

    .healthCareHeight {
        letter-spacing: .8px !important
    }

    .box-height {
        height: 300px
    }

    .clearline-Activities {
        border: 1px solid #eaeced;
        /*    margin-top: 20px*/
    }

    .btnOrange {
        height: 50px;
        padding: 14px 15px
    }

    .Dashboard-ViewSnippet {
        padding-top: 13px !important
    }

    .submit-tracking-button {
        padding-top: 13px !important;
        width: 55%
    }

    .Profile-Save-Button {
        height: 40px
    }

    .Activity-Landing-Session-Begin-Button {
        height: 40px
    }

    .Tracking-EditTracking {
        padding-left: 12px
    }

    .padding5 {
        padding: 0 20px 10px 0
    }

    .knowledgeCentre-IntrestAreaTopics {
        padding-top: 13px !important
    }

    .dashboard-username-text {
        font-size: 45pt !important
    }

    .treatment.iconset img {
        width: 100%;
        margin-top: 80px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .margin-left-9per {
        margin-left: unset
    }

    .Screenshot1-image-margin {
        text-align: start;
        margin-right: 110px;
        margin-top: -49px
    }

    .Screenshot3-image-margin img {
        position: relative;
        left: 55px
    }

    .ipad-width-100-per {
        width: 100%
    }

    .TabViewRow {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    /*    .footer-elements div:nth-child(1) {
        width: 12%
    }

    .footer-elements div:nth-child(2) {
        width: 13%
    }

    .footer-elements div:nth-child(3) {
        width: 15%
    }

    .footer-elements div:nth-child(5) {
        white-space: nowrap
    }*/

    .navbar-nav > li.YourDashboard {
        padding: 30px 0
    }

    .navbar-nav > li {
        float: left;
        /*  margin-left: 10px*/
    }

    .footer-menu {
        letter-spacing: 0 !important;
        font-size: 13px !important
    }
}

.navbar-default .navbar-toggle {
    border: 0;
    margin-top: 20px
}

.navbar-header {
    margin-bottom: 0
}

#userNav {
    padding: 15px
}

.navbar-nav > li {
    padding: 0 5px
}

.mobile-self-assement-tabs {
    display: inline-block
}

@media (max-width:767px) {
    div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish, .first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    div.Dashboard-ViewSnippet {
        padding: 10px 40px 10px 40px;
    }

    .module-activities.activities .Activity-Active {
        margin-left: -10px;
    }

    .reflectingOnTracking .top-buffer {
        margin-right: 0px;
    }

    div.accordion-content .person-text {
        line-height: 23pt !important;
    }

    .visible-xs-block {
        display: none !important
    }

    .tab-content .submittedPHQGAD p.add_border a {
        border: 0px solid #e14504;
        background: transparent;
        color: inherit !important;
        padding: 0px;
    }

    .tab-content .submittedPHQGAD p.add_border {
        border: 2px solid #e14504;
        border-radius: 50px;
        padding: 10px 10px;
        color: #e14504 !important;
    }

        .tab-content .submittedPHQGAD p.add_border:hover {
            background: #e14504;
            color: white !important;
            padding: 10px 10px;
        }

    div.first_question {
        left: 0% !important;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .carousel_row.landing .custom_radio_button {
        margin-top: 3px;
    }

    .self_button_tab {
        display: flex;
    }

    div.tab-content .self_button_tab .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 0px !important;
    }

    .self_button_tab .first_question {
        left: 0px !important;
        justify-content: center;
        display: flex;
        width: 100%;
        margin-left: 0px;
    }


    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-bottom: 20px;
    }

    .first_question {
        left: 12%;
    }

    .text-xs-left {
        text-align: left
    }

    div.section-1 label, div.section-2 label, div.section-3 label, div.section-4 label {
        margin-top: 15px;
        margin-bottom: 40px
    }

    .margin-top-4-per {
        margin-top: 4%
    }

    .text-xs-right {
        text-align: right
    }

    .text-xs-center {
        text-align: center
    }

    .text-xs-justify {
        text-align: justify
    }

    .pull-left-xs {
        float: left
    }

    .pull-right-xs {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .mobile-self-assement-tabs li, .mobile-self-assement-tabs li a {
        width: 42%
    }

    .col-md-12.self-assement-container-div {
        padding: 0
    }

    div span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        width: 100% !important;
        float: left;
        margin: auto 0;
        padding: 10px 8px !important;
        height: auto;
    }

    col-xs-5.next-btn {
        padding: 0
    }

    .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin-top: 0;
        padding: 10px 8px !important;
        height: auto;
    }

    body .Profile-Save-Button.button-orange {
        height: 44px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .resultselfpadding1 {
        padding: 19px 40px 33px 23px !important;
        margin-top: -22px
    }

    .padding-trackingsetup {
        padding: 10px 3px 8px 23px
    }

    .margin-left-4pos {
        margin-left: 0;
        padding-left: 10px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-top: 10px
    }

    .margin-left-4pos1 {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 15px;
        padding-bottom: 5px
    }

    .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse {
        display: none !important;
        height: 0 !important
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            height: auto !important
        }

    .text-sm-left {
        text-align: left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }

    .text-sm-justify {
        text-align: justify
    }

    .pull-left-sm {
        float: left
    }

    .pull-right-sm {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .text-md-left {
        text-align: left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }

    .text-md-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1:after, .section-1:before, .section-2:after, .section-2:before, .section-3:after, .section-3:before, .section-4:after, .section-4:before {
        display: none
    }

    .jumpToInfo-buttons {
        line-height: 48px;
        background: #f7f7f7;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: 100%
    }

        .jumpToInfo-buttons div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }
}

@media (min-width:1200px) {
    .HomePage .Profile-Save-Button.button-orange {
        width: 189.98px !important;
        margin-right: 20px !important;
    }

    div.Activity-KeepLearning-Modules {
        letter-spacing: .2px !important;
    }

    .right-header-logo {
        padding-top: 15px;
    }

    .custom-pop-up .modal-body {
        position: relative;
        padding: 5px;
    }

    .custom-pop-up {
        width: 400px;
        height: 200px !important;
    }

    .about_dropDown_div {
        float: right
    }

    div.web-canvas-dashboard {
        height: 500px;
        overflow: hidden
    }

    .author.about_dropDown_div {
        float: left;
        padding-left: 30px
    }

    .carousel_div {
        left: 42px;
        position: relative;
        bottom: 20px;
        margin-top: 20px
    }

    .about_program.container .takeSelf-Assessment-desc {
        margin: auto;
        width: 80% !important
    }

    .owl-carousel {
        padding: 10px 0
    }

    .carousel_row {
        margin-left: -15px
    }

    div.footer-elements {
        padding-left: 0;
        margin-top: 32px
    }

    div.knowledgeCentre {
        padding: 50px 8px 10px 0;
        width: 100%;
        margin: 0
    }

    div.dot_image {
        left: -80px
    }

    .padding_left_100 {
        /*padding-left: 50px !important;*/
        padding-right: 80px !important
    }

    .padding_left_20_desktop {
        padding-left: 40px !important
    }

    div.PrimaryGraphics {
        padding: 30px 10px 0 0;
        position: relative;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom;
        background-size: 75% 82%
    }

    div.primaryGraphicimg {
        position: absolute;
        right: 0
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    .desktop_margin_top_40 {
        margin-top: 40px
    }

    .background_light_blue {
        padding: 50px 0
    }

    div.image-margin {
        margin-left: -52px;
        margin-right: 0
    }

    .treatment_img {
        /* height: auto; double check if breaking*/
        /* width: 754px;*/
        height: auto;
        width: auto !important;
        /* margin-top: 85px;*/
        margin-top: 100px
    }

    .iconset .treatment-play-icon {
        top: 59%
    }

    .YourDashboard {
        padding: 20px 5px !important
    }

    .notification {
        padding-top: 50px;
    }

    .tracking.notification {
        padding-top: 0px !important;
        min-height: 0px !important;
        color: red !important;
    }

    img._idGenObjectAttribute-Login {
        left: 31px;
    }

    img._idGenObjectAttribute-Profile {
        left: 38px;
    }

    img._idGenObjectAttribute {
        left: 36px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 6px;
        padding: 10px 0;
        margin-top: -88px;
        line-height: 16.8pt
    }

        p.Basic-Paragraph.ParaOverride-1.first.home {
            margin-left: 6px;
            padding: 10px 0;
            margin-top: -72px;
            line-height: 16.8pt
        }

    .display_none_mobile {
        display: block
    }

    .display_none_desktop {
        display: none
    }

    .inner-header-logo-right img.bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 150px !important;
    }

    img.myCompassImg {
        width: 101px !important
    }

    .module div.activity-header {
        left: 0;
    }

    div.Home_Splash_div {
        width: 100%;
    }

    div div.header1 {
        right: 1px;
        position: relative;
    }

    .header ul.navbar-right {
        margin-right: 2px;
    }

    div.healthcare-header {
        background-position: right 1px bottom;
    }

    .register-header-wrapper.header ul.navbar-right {
        margin-right: 0;
    }

    div div.header1 {
        right: 1px;
        position: relative;
    }

    li.professional.margin_right_14_desktop {
        margin-right: 48px
    }

    div.foote_desktop_row {
        margin-top: 20px;
        padding-bottom: 10px
    }

    .col-md-3.width_27_desktop {
        width: 27%
    }

    .padding_right_0_desktop {
        padding-right: 0
    }

    .contactUs-link-width {
        width: 148px
    }

    .term-link-width {
        width: 148px
    }

    .PrivacyPolicy-link-width {
        width: 156px
    }

    .container.footerHome.removeRow {
        padding: 0 100px 0 0
    }

    div.row.footer-elements {
        margin-left: 77px;
    }

    .hear_from {
        padding-left: 30px
    }

    .width_150 {
        width: 150px
    }

    .getstartedIn5-text {
        padding: 0 27px
    }

    .text-lg-left {
        text-align: left
    }

    div.mobileRow {
        width: 100%
    }

        div.mobileRow.carousel_row {
            width: 1240px;
            margin: 0
        }

    .desktop_row {
        width: 100% !important
    }

    div.jumpToInfo {
        padding: 10px 32px 10px 32px
    }

    padding_0_desktop {
        padding-left: 0;
        padding-right: 0
    }

    .section-1 img, .section-2 img, .section-3 img, .section-4 img, .imgmobwidth95per {
        height: 180px;
        width: 180px
    }


    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }

    .text-lg-justify {
        text-align: justify
    }

    .pull-left-md {
        float: left
    }

    .pull-right-md {
        float: right
    }

    .section-1, .section-2, .section-3, .section-4 {
        padding-top: 40px
    }
}

.Activity-Landing-Session-Description ul {
    -webkit-padding-start: 18px !important
}

.cursor-not-allowed {
    cursor: not-allowed !important;
    pointer-events: none
}

.table-bordered .faicon .custom-fa {
    font: normal normal normal 18px/1 FontAwesome !important;
    padding-right: 0 !important
}

div.dashboard.selfassestextsizehead h2 {
    color: #000;
    font-family: Montserrat-Medium;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: unset
}

.PageHeaderContent {
    color: #000 !important;
    font-family: Montserrat-Medium !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    width: 100%;
    text-align: center
}

.jump-to-topic .jumpToTopicIconBar {
    display: inline
}

    .jump-to-topic .jumpToTopicIconBar .icon-bar {
        width: 18px;
        color: #d2582c
    }

.jump-to-topic .width-120-per {
    width: 120%
}

.jump-to-topic .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: red;
    margin-top: 2px
}

.jump-to-topic .spanJumpToTopic {
    float: right;
    display: inline;
    margin-top: -15px;
    margin-left: 0;
    font-family: Montserrat-SemiBold;
    cursor: pointer;
    font-size: 12px;
    color: #777
}

.jump-to-topic .dropdown-menu {
    margin-top: 0;
    padding: 0;
    left: 7px !important;
    min-width: 170px !important
}

.jump-to-topic li:hover {
    text-decoration: underline !important;
    cursor: pointer
}

.jump-to-topic li {
    padding: 5px;
    text-decoration: none !important
}

    .jump-to-topic li.active {
        font-weight: 700
    }

ul.jump-to-topic {
    margin-top: -16px
}

.text-center.myCompass img {
    width: 320px;
    height: 37px
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        margin-left: -10px !important;
        width: 100px !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_30 {
    margin-top: 30px
}

.try_activity_button {
    padding: 8px 26px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    font-size: 12pt;
    font-family: DMSANS-MEDIUM;
    text-decoration: none !important
}

    .try_activity_button:hover {
        background: #ae411c !important;
        color: #fff !important;
        transition: .35s ease
    }

.center-block.center-img {
    max-width: 100%
}

._idContainer1194 {
    -ms-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 315.34px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform: translate(417.5px,2098.332px) rotate(180deg) skew(0) scale(1,-1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 45%
}

._idContainer1195 {
    z-index: 1;
    -ms-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(210.078px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 65.46px;
    left: 0;
    top: 0PX;
    position: absolute;
    width: 14%;
    transform: translate(171.078px,-2px) rotate(2deg) skew(0) scale(1,1)
}

._idContainer1196 {
    -ms-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 286.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,54.235px) rotate(0) skew(0) scale(1,1);
    transform: translate(20px,37.235px) rotate(0) skew(5deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 47%
}

._idContainer1197 {
    -ms-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 338.76px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(182px,114.256px) rotate(0) skew(0) scale(1,1);
    transform: translate(174px,84.256px) rotate(0) skew(-3deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 67%
}

._idContainer1198 {
    -ms-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 170.32px;
    left: 109px;
    position: absolute;
    top: 0;
    transform: translate(231.221px,52.437px) rotate(0) skew(0) scale(1,1);
    transform: translate(104.221px,34.437px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32%
}

._idContainer1199 {
    -ms-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.08px;
    left: 0;
    position: absolute;
    top: -9px;
    transform: translate(252.105px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(229.105px,-6px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 15%
}

._idContainer1200 {
    -ms-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 432.99px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(138.701px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60%
}

._idContainer1201 {
    -ms-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 130.74px;
    left: -21px;
    position: absolute;
    top: 0;
    transform: translate(507.050px,284.141px) rotate(0) skew(0) scale(1,1);
    transform: translate(536.05px,287.141px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 58%
}

._idContainer1202 {
    -ms-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 224.49px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,50.686px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,23.686px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 59%
}

._idContainer1203 {
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 69px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(141.776px,5px) rotate(0) skew(4deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 20%
}

._idContainer1204 {
    -ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 272.44px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(82.274px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1205 {
    -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 110.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(189.513px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 28%
}

._idContainer1206 {
    -ms-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 275.17px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,183.443px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 46%
}

._idContainer1207 {
    display: contents;
    -ms-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 458.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform: translate(404.298px,86.243px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 90%
}

._idContainer1208 {
    -ms-transform: translate(-.001px,100px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1018.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 417.5px !important;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translate(-.001px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%
}

div._idGenObjectAttribute-14 {
    height: 501px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

div._idGenObjectStyle-Disabled {
    background-color: transparent;
    border-width: 0
}

img._idGenObjectAttribute-2 {
    left: 0;
    position: absolute;
    top: 0
}

img._idGenObjectAttribute-1 {
    height: 100%;
    min-width: 100%;
    width: 100%
}

._idTextSpan1849 {
    left: 0;
    color: #e14504;
    font-family: "DM Sans Medium",sans-serif;
    font-size: 54px
}

.myCompassdiv {
    top: 144.39px
}

.get_started {
    padding: 6px 20px 6px 20px;
    border: 2px solid #e14504;
    border-radius: 50px;
    color: #e14504
}

.personalised {
    color: #e14504;
    font-size: 15px
}

._idContainer1305 {
    -ms-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    background-image: url(../image/1098.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 440px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(720px,107.499px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 430px
}

div._idGenObjectAttribute-16 {
    height: 476px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 430px
}

._idContainer1304 {
    -ms-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 311.13px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(89.717px,78.394px) rotate(0) skew(0) scale(1,1);
    transform: translate(64.717px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 238.28px;
    overflow: hidden
}

._idContainer1286 {
    -ms-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 47.26px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform: translate(217.285px,376.461px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 19.25px
}

._idContainer1287 {
    -ms-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 238.64px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform: translate(78.182px,157.825px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 80.94px
}

._idContainer1288 {
    -ms-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 190.8px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform: translate(123.249px,201.18px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 115.03px
}

._idContainer1289 {
    -ms-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.06px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform: translate(10.384px,177.167px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 29.44px
}

._idContainer1290 {
    -ms-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 85.07px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform: translate(34.035px,106.157px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.85px
}

._idContainer1291 {
    -ms-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 14.39px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform: translate(13.527px,192.483px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.47px
}

._idContainer1292 {
    -ms-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 151.83px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.823px,58.302px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 87.51px
}

._idContainer1293 {
    -ms-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 58.62px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform: translate(97.179px,19.607px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 30.6px
}

._idContainer1294 {
    -ms-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 67.86px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform: translate(77.749px,3.961px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 48.15px
}

._idContainer1295 {
    -ms-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 56.15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(62.459px,0) rotate(0) skew(0) scale(1,1);
    transform: translate(65.459px,0) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 68.12px
}

._idContainer1296 {
    -ms-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 12.84px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform: translate(86.697px,45.306px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 5.08px
}

._idContainer1297 {
    -ms-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 147.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform: translate(143.528px,64.603px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 70.44px
}

._idContainer1298 {
    -ms-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 8.87px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform: translate(0,186.78px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 44.13px
}

._idContainer1299 {
    -ms-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 43.68px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform: translate(134.488px,37.295px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 43.68px
}

._idContainer1300 {
    -ms-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 107.6px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform: translate(108.669px,73.735px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 60.19px
}

._idContainer1301 {
    -ms-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 134.57px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.030px,76.622px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100.61px
}

._idContainer1302 {
    -ms-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 84.5px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform: translate(65.137px,126.401px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 83.01px
}

._idContainer1303 {
    -ms-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 103.11px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform: translate(48.18px,90.641px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 73.37px
}

._idContainer1285 {
    -ms-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 31.91px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform: translate(87.815px,392.222px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 32.21px
}

.self_asessment_answer {
    display: none
}

.self_asessment_lable {
    cursor: pointer;
    color: #000
}

p.padding_20 {
    padding: 20px;
    height: 31px;
    margin-bottom: 10px
}

.Profile-Save-Button.button-orange.landing-self-back {
    width: 85%;
    padding: 8px 0;
    background: 0 0;
    border-radius: 50px;
    font-weight: 400 !important;
    color: #e14504 !important;
    border: 2px solid #e14504;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 10px !important;
    background-color: transparent !important
}

.Profile-Save-Button.button-orange.landing-self-next-finish {
    float: right
}

.backgorund-yellow {
    background: #fff5e8
}

.featureSnippet.self-assesment {
    background: #fff;
    width: 100%;
    background-position: left 0 bottom;
    background-size: 50% 850px;
    margin: auto;
    background-image: url(/Images/Tracking_Splash.png);
    background-repeat: no-repeat;
}

.color-dark-brown {
    border-bottom: 1px solid #e14504
}

.myCompass-made-me {
    padding-left: 21%;
    padding-right: 21%;
    padding-top: 12%
}

.best-of-all-text {
    padding-left: 30%;
    padding-right: 30%
}

.knowledgeCentre {
    padding: 50px 10px 10px 40px
}

.carousel_row {
    background-image: url(../../Images/knowledgeCentrebackground.png)
}

.grayContainer {
    ms-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,0) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 345.35px;
    left: 0;
    position: absolute;
    transform: translate(525px,68px) rotate(180deg) skew(2deg) scale(1,1);
    transform-origin: 0 0;
    transform-origin: 0 0;
    width: 525.4px;
    overflow: hidden
}

    .grayContainer img {
        max-width: 100%
    }

.layout_4B {
    -ms-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(393.713px,5.095px) rotate(0) skew(0) scale(1,1);
    -webkit-transform-origin: 0 0;
    height: 158.58px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(191.713px,225.095px) rotate(180deg) skew(7deg) scale(1,1);
    transform-origin: 0 0;
    width: 188.87px
}

    .layout_4B img {
        max-width: 100%
    }

.red_dot_image {
    ms-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -ms-transform-origin: 0 0;
    -webkit-transform: translate(0,14.202px) rotate(90deg) skew(0) scale(1,-1);
    -webkit-transform-origin: 0 0;
    height: 220.97px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(3px,7.202px) rotate(0) skew(0) scale(1,1);
    transform-origin: 0 0;
    width: 156.36px
}

    .red_dot_image img {
        max-width: 100%
    }

div.grayrow {
    margin-top: 18px
}

@media only screen and (max-width:768px) {
    .height-buttonwhite.topUp-div {
        width: 100% !important
    }

    div.tracking-header {
        height: auto;
        background: url(/Images/Tracking_Splash_For_Mobile_Ipad.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: right 0 top 0;
        background-size: 400px 500px;
    }

    .tracking-label span.checkmark.trackingitems {
        margin-left: 0px !important;
    }

    .Activity-Landing-Session-Begin-Button {
        z-index: 1
    }

    div.rightSide-img {
        visibility: hidden
    }

    div.accordion-content .person-text {
        margin-top: 35px !important
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-left: 0;
        padding: 0 0;
        width: 100%
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.mobile_margin_top_0 {
        margin-top: 0
    }

    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.3)
    }

    div.your-treatment {
        padding: 20px 0 0 0;
        letter-spacing: 0 !important;
        font-size: 26px
    }

    .background_light_blue .center-img {
        left: 2px;
        position: relative
    }

    .display_none_desktop {
        display: block
    }

    .display_none_mobile {
        display: none
    }

    div .mobile-color-white .backgound-color-white {
        height: auto
    }

    .mobile-self-assement-div .panel-body .tab-content {
        margin: 0
    }

    .Profile-Save-Button.button-orange.landing-self-back {
        left: 0 !important
    }

    .mobile_margin_top_15 {
        margin-top: 15px !important
    }

    span.Profile-Save-Button.button-orange {
        margin-left: 0;
        margin-top: 20px;
        width: 100% !important;
        padding: 10px
    }

    .self_asessment_lable {
        padding: 0 5px
    }

    div.Dashboard-Self-Assessment2-notatall-width-left {
        width: 100% !important;
        left: 0 !important;
        padding: 0;
        font-size: 12px !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-top: 20px;
        margin-right: 0 !important;
        padding: 8px
    }

    back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        padding: 8px
    }

    .takeSelf-Assessment-desc {
        padding: 0 10px 0 0 !important;
        width: 100% !important
    }

    .dot_image {
        display: none
    }

    ul.mobile-self-assement-tabs {
        width: 100% !important;
        padding: 0
    }

    .tab-content p.padding_10 {
        padding: 13px 14px;
        height: 100%
    }

    .color_red {
        padding: 0
    }

    .over-time-text, .self-asessment-questions {
        padding: 0
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        text-align: left
    }

    .tab-content .submittedPHQGAD p a {
        width: 100% !important;
        font-size: 12px;
        /*   border: 0;
        padding: 0*/
    }

    .owl-nav .glyphicon.glyphicon-chevron-right {
        transform: translate(0,-50%) rotate(135deg) scale(.4,.4);
        left: -28px
    }

    .owl-nav .glyphicon.glyphicon-chevron-left {
        right: -26px;
        transform: translate(0,-50%) rotate(315deg) scale(.4,.4)
    }

    div.featureSnippet.self-assesment {
        background: 0 0
    }

    div.best-of-all-text {
        padding-left: 0;
        padding-right: 0
    }

    div.grayrow {
        margin-top: 62px;
        height: 44px
    }

    div.grayContainer {
        height: 216px;
        width: 97%;
        transform: translate(349px,84px) rotate(180deg) skew(2deg) scale(1,1)
    }

    div.layout_4B {
        height: 116.58px;
        width: 40%;
        transform: translate(142.713px,374.095px) rotate(180deg) skew(7deg) scale(1,1)
    }

    div.red_dot_image {
        width: 36%;
        transform: translate(0,192.202px) rotate(0) skew(0) scale(1,1)
    }

    div.myCompass-made-me {
        padding-left: 10px;
        padding-right: 10px
    }

    a.getstarted-in-mademe-button {
        padding-left: 20%;
        padding-right: 20%
    }

    div.myCompassdiv .CharOverride-1 {
        font-size: 50px;
        color: #e14504
    }

    ._idContainer1208 ._idContainer1205 {
        -ms-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 110.06px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(219.513px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(74.513px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 29%
    }

    ._idContainer1208 ._idContainer1204 {
        ms-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 272.44px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(100.274px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(28.274px,0) rotate(0) skew(0) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%
    }

    ._idContainer1208 ._idContainer1206 {
        transform: translate(-4px,181.443px) rotate(0) skew(0) scale(1,1);
        width: 46%
    }

    ._idContainer1208 ._idContainer1203 {
        -ms-transform-origin: 0 0;
        -webkit-transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        -webkit-transform-origin: 0 0;
        height: 69px;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(189.776px,0) rotate(0) skew(0) scale(1,1);
        transform: translate(55.776px,5px) rotate(0) skew(4deg) scale(1,1);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 20%
    }

    div._idContainer1199 {
        top: 0;
        transform: translate(16.105px,-13px) rotate(0) skew(0) scale(1,1);
        width: 24%
    }

    div._idContainer1197 {
        width: 100%;
        transform: translate(-13px,81.256px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1201 {
        width: 64%;
        z-index: 1;
        transform: translate(168px,287.141px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1195 {
        height: 55.46px;
        left: 0;
        top: 0PX;
        position: absolute;
        width: 17%;
        transform: translate(-17.922px,32px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1198 {
        width: 54%;
        left: 0;
        transform: translate(4.221px,34.437px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1196 {
        height: 295.76px;
        width: 47%;
        left: 0;
        transform: translate(-68px,51.235px) rotate(0) skew(0) scale(1,1)
    }

    div._idContainer1305 {
        transform: translate(165px,427.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 68%
    }

    div.myCompassdiv {
        top: 42.39px
    }

    .personalised {
        font-size: 25px
    }

    .myCompassdiv a.get_started {
        padding: 3% 33% 3% 33%
    }

    .mountainbackground {
        height: 520.5px
    }

    ._idContainer1208 {
        transform: translate(-24.001px,100px) rotate(0) skew(0) scale(1,1)
    }

    span.your-treatment-number14:before {
        top: -4px;
        left: 7px
    }

    span.your-treatment-Heading1, span.your-treatment-Heading2, span.your-treatment7-Heading1, span.your-treatment7-Heading2 {
        font-size: 14ptpx !important;
        letter-spacing: .5px !important
    }

    .mobile-your-teatment {
        display: block
    }

    span.your-treatment-number1:before {
        top: -2px
    }

    .your-treatment-Heading1 {
        margin-left: 5px
    }

    .your-treatment-1-day {
        margin-bottom: 0
    }

    .your-treatment-7-day {
        margin-bottom: 10px
    }

    .mobile-your-teatment-7days-containor, .your-14days-teatment, .your-treatment-7-day {
        margin-bottom: 0
    }

    .your-14days-teatment {
        margin-top: 10px
    }

    .featureSnippet .carousel-inner {
        background-color: #fff5e8;
        min-height: 300px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -35px !important;
        transform: scale(.3) rotate(140deg) !important
    }

    .glyphicon.glyphicon-chevron-right {
        position: absolute;
        top: 132px !important;
        font-size: 30px;
        margin-left: 0;
        transform: translate(-46px,-60%) rotate(135deg) scale(.5,.5)
    }

    .snippetBody {
        padding: 10px 15px;
        margin-left: 12px
    }

    .Dashboard-Snippet-Heading {
        font-size: 14px;
        padding: 10px
    }

    .Dashboard-Knowledge-Center {
        margin-left: 0 !important;
        font-size: 30px;
        text-align: center
    }

    .Primaryimage {
        height: 477PX !important;
        width: 100% !important;
        background-size: 600px 100% !important;
        margin-top: -300px !important;
    }

    div.favouriteSnippets .Snippet-FavoriteSnippetData-Author, div.favouriteSnippets .Snippet-FavoriteSnippetData-Text {
        font-size: 18pt !important;
        line-height: 21pt;
        color: #e14504 !important;
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        transform: scale(.3) rotate(315deg) !important;
        margin-right: -30px !important
    }

    .glyphicon.glyphicon-chevron-left {
        transform: none !important
    }

    div.takeSelf-Assessment-text {
        font-size: 33pt !important;
        letter-spacing: .5px !important;
        padding: 0
    }

    .takeSelf-Assessment-desc_div {
        padding: 0;
        padding-left: 15px
    }

    .self-assement-container {
        width: 250px;
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 20px
    }

    p.padding_20 {
        padding: 13px 0;
        height: 100%
    }

    div.backgound-color-white.container-fluid {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    _idContainer1304 {
        WIDTH: 50%
    }

    div.body-content {
        overflow: hidden;
        padding-left: 0
    }

    .overflow_hidden {
        overflow: hidden
    }

    div.knowledgeCentre {
        padding-bottom: 0;
        padding-left: 20px
    }

    .navbar.container.navbar-default {
        overflow: hidden
    }

    .jumpToInfo-buttons div, div.getstartedIn5-text, div.jumpToInfo-buttons {
        padding-right: 0;
        padding-left: 25px;
        letter-spacing: 0 !important
    }

    .jumpToInfo-buttons .healthCareHeight {
        line-height: 24px
    }

    div.getstartedIn5-text {
        text-align: left !important;
        padding: 0 25px
    }
}

p .padding_20 {
    background-color: #fff;
    border-radius: 50px
}

.self_asessment_lable {
    position: relative;
    bottom: 0;
    font-weight: 400
}

.CharOverride-1 {
    font-size: 60px;
    color: #e14504
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    div.PrimaryGraphics .get-started-button {
        padding-left: 28%;
        padding-right: 31%;
        position: relative;
        left: 0;
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 470px 100%
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    a.try_activity_button {
        padding: 10px 112px;
        margin-left: 0
    }

    .background_light_blue .center-img {
        width: 94%;
        position: relative;
        margin: auto !important
    }

    .mobile-self-assement-div .panel-body {
        width: 380px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: -60px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 91% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 65% !important
    }

    div.owl-item {
        margin-right: 34px
    }

    .body-content div.carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 90px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 90px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    div ._idContainer1304 {
        width: 50%
    }

    div .body-content div.carousel_row.mobileRow {
        width: 380px
    }

    div .body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 378px
    }

        div.body-content div.mobileRow.desktop_row {
            width: 100%;
            margin-right: 0 !important;
            margin-left: 0 !important
        }

    button.Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 20px
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-top: 20px;
        width: 100% !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    span.media-right.faicon {
        position: relative;
        right: 15px
    }

    ._idContainer1305 div._idContainer1304 {
        transform: translate(100.717px,0) rotate(0) skew(0) scale(1,1)
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 29%;
        padding-right: 33%;
        text-align: center;
        left: 0;
        position: relative;
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px
    }

    div.iconset .treatment-play-icon {
        left: 50%
    }

    a.try_activity_button {
        margin-left: 10px
    }

    .background_light_blue .center-img {
        width: 100%;
        position: relative;
        max-width: unset;
        margin-left: -4px !important
    }

    .mobile-self-assement-div .panel-body {
        width: 425px
    }

    .carousel_div {
        margin-left: 2px
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 65% !important
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second.active a {
        width: 55% !important
    }

    div.body-content div.mobileRow.desktop_row {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 90px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 90px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px
    }

    .body-content div.carousel_row.mobileRow {
        width: 100% !important
    }

    div .body-content div.mobileRow.desktop_row {
        width: 376px;
        margin-right: -10px !important;
        margin-left: -10px !important
    }

    div.body-content div.mobileRow {
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: 400px
    }

    .margin-top-20 div.red_dot_image {
        width: 30%;
        transform: translate(-1px,199.202px) rotate(0) skew(0) scale(1,1)
    }

    div.mobile-self-assement-div {
        padding: 0 9px 0 9px !important
    }

    div._idContainer1305 {
        transform: translate(161px,428.499px) rotate(0) skew(0) scale(.75,.9);
        transform-origin: 0 0;
        transform-origin: 0 0;
        width: 72%
    }
}

.color_red {
    color: #e14504;
    font-family: DMSANS-REGULAR;
    font-size: 14pt
}

.catagory-menu-Text:hover {
    border-bottom: 2px solid #e14504;
    color: #000
}

div.jumpToInfo-buttons.div-line-height {
    line-height: 24px
}

.catagory-menu-Text {
    border-bottom: 2px solid transparent
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

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

@font-face {
    font-family: DMSans-Bold;
    src: url(../../fonts/DMSans-Bold.ttf) format('truetype')
}

@font-face {
    font-family: DMSans-Medium;
    src: url(../../fonts/DMSans-Medium.ttf) format('truetype')
}

@font-face {
    font-family: MinionPro-Regular;
    src: url(../../fonts/MinionPro-Regular.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Light;
    src: url(../../fonts/UntitledSans-Light.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Medium;
    src: url(../../fonts/UntitledSans-Medium.otf) format('opentype')
}

@font-face {
    font-family: UntitledSans-Regular;
    src: url(../../fonts/UntitledSans-Regular.otf) format('opentype')
}

@media (min-width:320px) and (max-width:330px) {
    .text-center.myCompass img {
        width: 270px;
        height: 36px
    }

    .header-right img.bdiImgMobile {
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    .header-right .myCompassImg {
        width: 120px !important;
    }
}

.complete-profile {
    width: 100%
}

img.img-Background {
    width: 122px;
    height: 122px;
    position: absolute
}

img._idGenObjectAttribute {
    position: absolute;
    height: 62px;
    width: 62px;
    border: 5pt !important;
}

.professional_img {
    height: 100px;
    padding: 18px 25px 10px 42px
}

.Basic-Text-Frame {
    position: absolute
}

li.professional {
    margin-right: 50px
}

p.font_size_13.Basic-Paragraph.ParaOverride-1.logout {
    margin-top: -86px
}

p.font_size_13.Basic-Paragraph.ParaOverride-1 {
    margin-top: -72px
}

p.Basic-Paragraph.ParaOverride-1 {
    text-align: center;
    width: 110px;
    margin-top: -88px;
    color: #000;
    font-size: 12pt;
    padding-left: 22px;
    font-family: DMSANS-REGULAR;
    line-height: 14.4pt !important;
    padding-top: 49px !important
}

img._idGenObjectAttribute-Help {
    position: absolute;
    height: 62px;
    width: 62px;
    margin-left: -5px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Login {
    position: absolute;
    height: 62px;
    width: 62px;
    border: 5pt !important;
}

img._idGenObjectAttribute-LogOut {
    position: absolute;
    height: 62px;
    width: 62px;
    margin-left: -15px;
    border: 5pt !important;
}

img._idGenObjectAttribute-Register {
    position: absolute;
    height: 50px;
    width: 45px;
    margin-left: 4px;
    margin-top: 4px;
    border: 5pt !important;
}

img.footer_background {
    height: 173px;
    width: 100%
}

.Basic-Graphics-Frame._idGenObjectStyle-Disabled {
    position: absolute;
    height: 158px
}

.registration_Background_img img {
    position: absolute;
    height: 286px;
    width: 100%;
    margin-top: -19px
}

.registration-dotGraphics img {
    position: absolute;
    margin-top: 87px;
    height: 180px;
    transform: rotate(180deg);
    width: 35%
}

.registration-dotGraphics-step1 img {
    position: absolute;
    margin-top: -561px;
    height: 750px;
    transform: rotate(0);
    width: 500px;
}

.margin-register-header {
    margin-top: -15px
}

.registration-dotGraphics-step2 img {
    position: absolute;
    margin-top: 87px;
    height: 222px;
    transform: rotate(180deg);
    width: 35%
}

.div-registration-top {
    height: 240px;
    padding: 0 10px 30px 10px
}

div#myCompassNavbar {
    height: 122px !important;
    background: #fff
}

.container.background-color-white.width-80 {
    margin-left: 0;
    width: 100%
}

.row.margin-width.mobile-width-100-percent-important {
    margin-left: 30px;
    width: 30%;
    display: inline-flex
}

.container.background-color-white.width-80.margin-top-3 {
    margin-top: 0 !important
}

.questionnairSurvey {
    width: 64%;
    float: right;
    border: none;
    margin-bottom: 118px;
    margin-right: -70px;
}

.btnquestionnair {
    border: none;
    outline: 0;
    padding: 2px 8px;
    background-color: transparent;
    cursor: pointer;
    width: 208px;
    color: #7e8180 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important;
    text-align: left
}

    .active, .btnquestionnair:hover {
        color: #31251b !important;
        font-family: DMSans-Regular !important;
        font-size: 12pt !important;
        letter-spacing: 0 !important;
        font-weight: 900
    }

.margin-left-52px {
    margin-left: 52px !important
}

.margin-left-40px {
    margin-left: 40px !important
}

.margin-very-difficult-left-9px {
    margin-left: 9px !important
}

.margin-somewhat-left-6 {
    margin-left: 6px !important
}

body {
    font-family: DMSans-Medium !important;
    font-size: 12pt;
    overflow-x: hidden;
    width: 1240px;
    margin: auto
}

.margin-top-20 {
    margin-top: 20px
}

.navbar-right {
    margin-right: 10px
}

.margin-left-25-percent {
    margin-left: 25%
}

.text-color-white {
    color: #fff
}

.body-content-home .iconset .modal.fade .modal-dialog {
    transform: translate(0,0)
}

.padding_top_bottom_20 {
    padding: 20px 0
}

p.padding_10.active {
    background: #fcece6 !important;
    border: 1px solid #d64204 !important;
    color: #d64204 !important
}

button.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    border: 1px solid #e14504;
    margin-left: 15px;
    float: left
}

.glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 130px;
    margin-left: -15px;
    transform: translate(-34px,-60%) rotate(315deg) scale(.34,.34)
}

.glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 130px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(-46px,-60%) rotate(135deg) scale(.34,.34)
}

    .glyphicon.glyphicon-chevron-right:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=)
    }

.glyphicon.glyphicon-chevron-left:before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important
}

.owl-carousel {
    top: 40px
}

.hear_from {
    font-family: DMSans-Regular;
    font-size: 33pt !important;
    color: black;
    line-height: 39.6pt;
    position: relative;
    margin-bottom: 20px;
    top: 15px
}

input[type=radio].custom_radio_button {
    margin-right: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 6px;
    background-clip: content-box;
    border: 1.5pt solid #e14504;
    background-color: transparent;
    border-radius: 50%
}

    input[type=radio].custom_radio_button:checked {
        background-color: #e14504;
        background-clip: border-box;
        border-color: #e14504
    }

.hear_from_lable {
    font-family: DMSans-Medium;
    font-size: 14.024pt;
    color: #000;
    position: absolute;
    line-height: 16.829pt;
    margin-left: 3px;
}

.carousel_image.fade_out {
    opacity: .5
}

.carousel-inner .hiden {
    display: none
}

.mountainbackground .Basic-Graphics-Frame {
    height: 100%
}

.mobile-color-white .backgound-color-white {
    height: 390px
}

.pading_left_0 {
    padding-left: 0
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.mobile-self-assement-div .tab-pane.fade.in.active, div.self-assesment .mobile-self-assement-tabs .active {
    border-bottom: none
}

p.padding_10 {
    background: #fff !important;
    box-sizing: border-box;
    border-radius: 100px;
    width: auto;
    padding: 0;
    line-height: 24px;
    /*margin-right: 0;*/
    margin-bottom: 0;
    margin-top: 8px;
    border: 1px solid #bfbfbf;
    margin-right: 20px !important;
}

.margin_top_60 {
    margin-top: 60px
}

.Profile-Save-Button.button-orange.landing-self-back {
    background: 0 0;
    color: #e14504;
    font-weight: 400 !important;
    float: left;
    border: 2px solid #e14504;
    left: 15px;
    position: relative
}

.panel-heading .mobile-self-assement-tabs .take-screener-tab:hover {
    border-bottom: 3px solid #f79c00;
    color: #000 !important;
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 700
}

.margin_top_35 {
    margin-top: 35px
}

.margin_bottom_20 {
    margin-bottom: 20px
}

.self-assesment .mobile-self-assement-tabs li a:focus {
    outline: 0 !important
}

.self-assesment .mobile-self-assement-tabs li:focus {
    outline: 0 !important;
    border: none !important
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 6px solid #e14504;
    color: #e14504
}

.mobile-self-assement-div .nav-tabs li a {
    border: none;
    border-bottom: 6px solid #dcdcdc;
    margin: 0 3px 0 3px !important;
    color: #dcdcdc
}

.mobile-self-assement-div .nav-tabs li.active a {
    border: none;
    border-bottom: 3px solid #ff9f1a
}

.mobile-self-assement-div .panel-heading {
    padding: 10px 0
}

.mobile-self-assement-div .panel-body .tab-content {
    background: #fff5e8;
    padding: 15px;
    border-radius: 10px;
    height: 450px;
    width: 720px;
}

.mobile-self-assement-div .panel-body {
    padding: 0;
    width: 100%
}

.mind_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAIA0lEQVRYR82Ye1QTdxbH70wyiSEkPMMrhvdDRFdQebS1HmwRo7JyBKW4R6Vdt3WhQN2uVXvc7Wp7jrsi2lMWH6v4tlXLtlXxwRatWtkKRDe1PA0gAcTwSoAkJGQmmdk/3GFDnlrU3c8588fv3u+9c/Ob3+83d4JQFAX/zzCdCSwZ2L72G+NAj8iZDgDAt+jca6gLT+1M5wjkSWaQkDfPUJ8vKwAA0N34OpvUafjOYgAAXBdmHwOMjbskLargJKZedKa3hcMZ1EuuiU0DPSJc3jxDe/n4O+Y+LHhaA3t6wm1bceSo2k1381yWturMmwAAJlWfn0nZ64+w2AZuyhsnbMXYw26B+IPGWSNf7P6joanuZQAAYDCMrJCYn2g/NznjDH9l/i5bscb+h4HGngfhAADGRx3h+prKZfqaymUolz+MBUc3YEHTGhGMZbAVa4ndR9y9IkJJaoY86THK91CKylu9bYod0L8164r+zndic5vw2J1wpn9wu70Yc1BLg7HnQXinWECaF8eJf/2K6EuZwFynOXeooHeDePwR9763qKZTLCAtL97y9Z8FVQ6gPp+cTqO1PW/Ft45e/2oVPAETZlAvuSYeKttWRMibZ9I21yVrD/JXvFvMcBf0923JuErbyeFBH5N6yAsLjGgGACC6ZNHUmI4LFmDCMBl/Zf4ul/np5bhMGt+3JbMKAIDpH/SA98t1+/iZebstY8yZsAZJzZCXeXG89N+Uui7MPo4Jw1pJ9ZAXLvtxrmUCSxt72pxaTkLK5eETO7cDABA97ZEmZW8AyuWPsGOSqj0Li3NHjv/5Y6OiM1RbdSYHTCYGP6ugyDIvzXiBhibJS2P3qhfQY25K1knekpy/YcHRDcaBHpGu+mIm7Zsya951ZkCIzTXEnjanhpO46KJx4JFo9OrZNRSBs2kfwmKP8Za+eUBdXroRRpQCoqNppu6HS8ufqMDRG1+v0laeWodgbAMWFNnkmbczn1QrBXhbfZyhsfaVoQNbPwUAwIKimvgr83dx4lOu2EsKAOC14dO3dbcqMikCZ5tUff54W33c45Ngej0WNK2J1Ax7ktphD3JM54K318exwmZKbeUZX4OqfR+WaM4fKmAKQ1uFR+oiAQD6//DGZb3k2mLzAOFRSQQzIKTNRi4rujPDVaR22IMeo3zPQVH54802+Jf1n49e/+pXAACAoGRQZT/DVg6rXfwsEZXLvDlzX/uHM50jUAAA5e6CI7rvz2WZO/q2ZFQZmiQvAwCwpyf84F9SleBfUpXAEAR020pkExQlPXJ3FLqKV5cBAJCjandF4cI60+Cjqe45H37Ez8zd4ywFEwCA6JJNNw0N+LKiZtfxl6//DAAAb6ufTY6q3QAAUC5/hBUVJ3GUyB7Y1HAZb2nOQQRjGzQVh9/F70vjKQJnM/2D25k+U7ucxU94xJgwtJW7IPMLe+KfCysyTsJJSLnsTGcLu2uQFRxdT7dKpE7DI+TNM+xpHWFUyEPx9oZYo6Iz1L6KQvD2hljKoHex9Ngt0Lf4QjI7JuGfAACGxtp5vR8su2FP6whV6aa9irxkqWrflr/aFVEUoshLlhKdLTGWLoftls/Hp9OGTxX9aeTz4o8c6QAAejeIbxvuS+OtHBQ5Pgko31MpOtvsCyjDBADAS3+nhBURd6f3/SXVVnH/wXFHjaIkIKjdjpaQt8xQ7ik8DACAd96PAdJk8yxzXbz2kOvi1WUIg2GkiwMAAAShAEXHx4PFBUfd12za5vLqsr/Ttidu+akxHVdVummv25rN2xhuXgNj96qTNRcO5xvu/yuB1rjMT/9yyi9euWkZy46aXceKjL1jaQcAYPoFdnjm78xXlW4uJTpbYtTnDhWSYzqu68Ls4wAWBRoV8jDdrQsrzH8BK3ymdMqcBd+O3b2eqqk4kscQCLsZ7t79Y9LvU3TVFePvZ06SuIK3NOfglNj51+ApYHj49PHSfr0Pb/1ptq6mcpmh4farTF+RnC4QoSgKBnfmntTf/U5Mjii9zV91NIbG2nnKkt/vJ+QtE3YywuboMGFoKwCA9+YDq7Hg6AaYBIqChXW4TBrPSUy96PH29g8wUUQLCgDgvXn/Gm5yxml7geyYxGq/XRXJlnZWyPR6//03Y/3334ydbHHm6Gu/TRvYtvo8gI01aOzpCO9a4kdMPdvii/LcVbQd5XsoAy/3YuZaBEGcfxI6wdByN7Hv/aXVAACUjU1mY5NQCGUyMgGs740wmEZr/SSh6PvZZtzBnZ9eTuk0fG3VmRwAgKGy7UX8jNw9WFBUk73gyUKfBPSYv7KgiOn7+P2Mct2GAcwKZM9IugUMJkHqR1111RWZ2spT61AXnpqbknWCFTbzR+v0k4foaJz1+CRAKNfUVcd4aW8dYPoFdkwQURQ14SIetkfIU70o+lKWbNxHKDpDLHXP4lJ/c+A9eaoXJV8kMNnTOG1YNReP5qpKN+11pnteWBXIDAhpC7ykYJnv4P8l1jOIIBTCxAjfHeVidvTcGgAAQ7Pkpf6tWZVW2heA/X4wMk7ilv27HZz4lCukdsTdIJNafRO/CBw2C5ykRRWG1ntz9JKrE77snha8vT4Wb2+ItbQbWv7baNjjibuZn4uxrytYe+n4es2lY791prXFcy9QVbJxv+W/W0/Dcy3wYXZ0r2lYKQAA4Mx9vVKw7WS6sxhLnmuBFEGwgCJRV/HqMn5m3h4EY+HOYixxelA/C5gCYTcWGNnsTGeLF1LgZPg3bYedHvcqPgEAAAAASUVORK5CYII=)
}

.instgram_log_img {
    width: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABcRAAAXEQHKJvM/AAAHGUlEQVRYR8VYf0xT5xr+enpoew7U0lJKQ0BLK2Ybk8qolCG4SOqEGEAZ3HVEjQnZwo2J9x+aGP4ZSzQsQZyLZiYOuSbmuntTG52LjDAlmVQTFS4pmrX+Ys6aOq602B+Hlh5Pv/vPTvl6bM/BKNubPEnfc57ne5/zfuc75zsVQQhBppienn5vdHS0YXJysvLhw4clz54904bDYenCwoIqFosBPi03RCIRIAgCkCQ5J5fLYwUFBf8rLS31mEymqcbGxuHS0tJf0gohhC/hypUrDVVVVVMAAPhnob6+/urNmzdruV5SksXFRVlXV9c/hQZbKWAYxvT09AwwDCNiPYnYaYrH47L29vYfLl68aAFpQqlUUkVFRV6FQuEnCCJBEEQAAAAkEgnAcTydBAAAAE3TgKZpAAAA0WhUTVGUKBgMqr1eb1EoFCLTafbu3Ws/derUxxiGLXUvXef0ev3jI0eOHJiZmVmX7lZ4HSQSCZHb7TYeOnToc61WO8ut3dvb+2Vyii9fvtzAJXR2dp6JRqMyoUJvAqFQSNHa2noJrY/jOONyuSoBhBCYzeYprrlEIiHiG/RNg6ZpvLm5eRT10dLS8iNwuVzvoQdLSkoer3TnpqenK4xGo1ssFsNt27b9/PTp00IIIQgEAvkqlWqe9YJhGASHDx8+gBocGBg4IFTgdZBIJETr1q37Fa3Z1tb2PXveZrN9nXK7Wa1WB3rgdRZEPB6XRSKRfJqmpZk4c3Nz+dz7vbCwcJY973Q6t6Sc37hx43/ZRKlURoRMcAxJzp0794nVaj1XXFz8u0gkSk6NXq/37tmz57vh4eFmhmHErIZhGLHBYPgNNbFjx45L7PmFhQU5hmFLBnU6nY9N1q9f7xYyxWJkZKTJYDA84nYjHYxGo+fatWsfsNrbt29XbNiw4Rccx5nGxsYrs7OzhejYBQUF/qRepVIlk9raWqeQMQgh6Ovr+4Lt1nKB4zgzODjYJTQ2hBCsXbv2QVJLEERykK1bt14VEvf19X2RzoBWq/Vv3759ZNeuXf9uaGj4KS8v7zmXg2EYMzQ09JlQDaPR6E7q0E40Nzdf4BOOjIw0cTun0+kenz9//m/ofQYhBDRNZ505c+ZTjUbjR/lZWVn0xMREDV8ds9k8gWiWxHwG4/G4xGAwPEb5mzZtmpyfn8/jK+bz+VYbjca7qM5sNk/xvQhqamqcaQ22tbVlNOhwOD7hdi4QCPCaY+H1etdwp3x8fHzLcgxiAAm+XYndbv8IzY8ePdqtVCr9mfhoFBUV/Xbw4MHP0WN2u709E58byauyWq0ZO1hcXPw7y9NqtX7uPScEiqJyCIKIsWOYTCbXK3cwU9A0LXvy5EkBm1dWVt7CMIzh03CDJMlIWVmZm80fPXq0ho/PxrIMxuNxOYQwmSuVyuc89IyRm5tLsb8pilLwcdlYlkGpVBrCsCXq3NxcHg89Y/j9/lXsb7lcPs/HZWNZBnEcX9TpdE/Y/NatWxsZhsni03AjFAop79y58zab6/X6GT4+G8syCAAAtbW1Tva33+9XnD17di8P/aU4efLk32maTj4m6urqxvn4aCRXcWtra8ZVPDw83IxyNRqN3+fzrRZavRBC4PF43s3Ozl5A9RMTE+8vZxWnGOR7kzAMIy4vL/egfKPReNfr9a4RMvfH7ZHUWSwW3nd+isFXeRdfv379AxzHGbRYXl7e8xMnTvyDoqgclBsMBpX9/f09OTk5KZ0jSTLq8Xje5atTVVU1mdSQJIlemeB2a3BwsOuPZyBEQRBEzGQyTVksFmdFRcW0RCKhuRyJRBK/cOFCu1CN8vLypd2MWq1+xiY1NTXXhMQQQjA0NPRZVlbWSwb4QJJkdDnmIITAYDDMJLUlJSVeNikrK7srJGYxOTlZw/1czQSLxXJVaFpRqNXqpY1FdXV1cr5XrVpFvcr3cCKREI2Pj2/Zv3//NyaTyaVWq58TBAE1Gk2gurp6wmazfcW3WtMhEonkpuw5d+/e/S/0at1ut1FokJXE2NjYh6gfzGQyTQEkHA7HDvAXhsPhSN2G3bt37x2AONZqtbOhUEghdKUrAZ/PtzonJyfCesFxnAYQQlBfX38VNblz585LNE3jQgO+SYTDYcXmzZtvoD46OjrsAEIIbty4Uct9tjU1NY0GAoF8oYHfBHw+3+q6uroUczKZbPH+/ftvJUk9PT0DKAEAAFUq1bzNZvva6XRuiUajcqFCr4JwOJw7Njb24b59+75Fp5XFsWPHuiFE/mFNJBKizs7O/5w+fTrttwKGYSA/Pz8gl8vns7OzaZlMRonF4lg6brp48eIFEYvFSIqipMFgUOX3+xVsbW50d3d/09/fvw8AAFKuimEYUW9v75fc9+2fBalUunj8+PFu1FPa9rtcrsqWlpYfU/7EWUHgOE53dHTYHzx48BbXy/8BuaPp0zd4OHYAAAAASUVORK5CYII=)
}

.instgram_log_div {
    padding-left: 0
}

button.btn {
    float: right;
    margin-top: 32px;
    margin-bottom: 10px;
    border: 2px solid #d64204;
    border-radius: 100px;
    background: #d64204;
    color: #fff;
    font-family: DMSANS-MEDIUM;
    font-style: normal;
    font-weight: 500;
    font-size: 14pt;
    line-height: 0;
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase
}

.btnback {
    width: 190px !important;
    min-height: 44px;
    float: left !important;
    margin-left: 20px
}

.btnNext {
    float: left !important;
    background: #e14504;
    color: #fff;
    border: 2px solid #e14504;
    width: 190px;
    min-height: 44px;
}

button.btn.btnback:hover {
    color: #d64204 !important
}

.answer-options input {
    visibility: hidden;
    display: none
}

.answer-options label {
    width: 190px !important;
    border-style: solid;
    border-color: #bfbfbf;
    border-width: 1px;
    text-align: center;
    height: auto;
    min-height: 50px;
    background-color: #ffffff;
    margin-top: 5px;
    font-family: DMSANS-MEDIUM !important;
    line-height: 14.515pt;
    font-weight: 400 !important;
    text-transform: none;
    background: #fff;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 12px 6px;
    color: #000 !important;
    font-size: 12pt !important;
    letter-spacing: -1px !important;
}

.commondQuestionHeaderDiv {
    padding: 60px 10px 20px 5px;
}

.answer-options label.active {
    background: #fcece6 !important;
    border: 1px solid #d64204;
    color: #d64204 !important
}

.register-label.GAD7 {
    padding: 135px 10px 10px 40px
}

.background-color-white {
    background-color: #fff5e8 !important;
    border: none !important;
    border-radius: 25px
}

.questionDetails {
    color: #e14504;
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    padding: 20px 10px 0 20px;
    line-height: 16.8pt
}

.gAD7questionDetails {
    color: #e14504;
    font-family: DMSANS-REGULAR;
    padding: 20px 10px 0 20px;
    font-size: 14pt;
    line-height: 16.8pt
}

.QuestionDiv {
    padding-left: 5px
}

@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 17%
    }
}

@media only screen and (max-width:767px) {
    .width-gender {
        width: 100%;
        max-width: 418px !important
    }

    body .Profile-Save-Button.button-orange.landing-self-back {
        padding: 10px 0 !important;
        height: 44px !important
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0
    }

    a.try_activity_button {
        margin-left: 0 !important;
        padding: 10px 75px !important
    }

    .registration_Background_img-step1 img {
        margin-top: -19px !important;
        width: 100% !important
    }


    div.registration-dotGraphics-step1 img {
        margin-top: 92px !important;
        position: absolute;
        height: 138px;
        transform: rotate(0);
        width: 211px;
        content: url(/Images/Tracking_Splash_mobile.png);
        margin-left: -3px;
    }

    .margin-register-header {
        margin-top: 27px !important
    }

    .navbar.container-fluid {
        margin-bottom: 0;
        overflow-x: hidden
    }

    div.PrimaryGraphics .get-started-button {
        margin-right: 0
    }

    div.PrimaryGraphics {
        margin-right: -15px;
        height: 650px;
        background-position: left 0 bottom !important;
        margin-left: -15px;
        background-size: 100% 70% !important;
    }

    .dashboard .container-fluid {
        padding: 0 0
    }

    div.mobile_margin_bottom_5 {
        margin-bottom: 5px
    }

    .row.bottom-bg-imag {
        display: none
    }

    .your-treatment-number14, .your-treatment-number7 {
        margin-right: 10px;
        position: relative;
        top: 5px;
        float: left !important
    }

    .treatment {
        position: relative;
        top: 14px
    }

    div.mobile-color-white .backgound-color-white {
        height: unset
    }

    .questionnairSurvey {
        width: 100%
    }

        .questionnairSurvey.padding100right {
            padding-right: 0px !important;
            float: left;
        }

    .answer-options.PHQ9 {
        text-align: center;
        width: 100% !important
    }

    .questionnaireBackground {
        display: none !important
    }

    .register-label.GAD7 {
        padding: 90px 10px 10px 5px
    }

    button.btnquestionnair.GAD7 {
        width: 32% !important
    }

    .answer-options label {
        width: 210px !important;
        padding: 14px 4px;
        height: auto;
        font-size: 14.096pt !important;
    }

    .div-back {
        width: 310px
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 40px !important
    }

    .btnquestionnair {
        width: 32%
    }

    .gAD7questionDetails {
        padding: 20px 10px 0 15px
    }

    .commondQuestionHeaderDiv {
        padding: 25px 0 20px 0
    }

    .mobile-text-align-center {
        text-align: left !important;
        width: 100%;
        padding-left: 0 !important;
        font-size: 14pt !important
    }

    .questionDetails {
        padding: 20px 0 0 14px
    }

    button.btn {
        width: 108px;
        height: 35px;
        margin-right: 0
    }

    .btnback {
        margin-left: 0 !important
    }

    .btnNext {
        float: right;
        background: #d64204;
        color: #fff;
        border: 2px solid #d64204;
        width: 100% !important;
        margin-right: 4px !important
    }

    .btn.btnback {
        margin-left: -10px;
        width: 100% !important;
        margin-right: -2px !important
    }

    .QuestionDiv {
        padding-left: 5px
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange {
    /*    width: 176px;
    height: 36px;
    padding: 5px 0;
    background: #e14504 !important;
    color: #fff !important;
    margin-top: 15px !important;
    opacity: 1 !important*/
    width: 250px !important;
    height: 50px !important;
    padding: 5px 0;
    background: #fff !important;
    color: #e14504 !important;
    margin-top: 15px !important;
    opacity: 1 !important;
    padding-left: 10px !important;
    margin-left: 15px !important;
}

    .Register-Continue-Style .Profile-Save-Button.button-orange:focus {
        outline: 0
    }

div#questionnairSurveyHeader :first-child {
    margin-right: 30px
}

div#questionnairSurveyHeader {
    padding-bottom: 30px
}

button.btnquestionnair.GAD7 {
    width: 174px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 auto -webkit-focus-ring-color !important
}

.div-back button.btn.focus, .div-back button.btn:focus, .div-back button.btn:hover {
    color: #d64204;
    color: #fff;
    text-decoration: none
}

.div-back button.btn.btnNext.focus, .div-back button.btn.btnNext:focus, .div-back button.btn.btnNext:hover {
    background: #d64204 !important;
    transition: .35s ease
}

.container.register-selfassessment {
    margin-bottom: 80px
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.PrimaryGraphics {
        background-size: 100% 28% !important
    }

    body div.footerHome {
        margin-top: 0px !important;
    }

    .tracking-label span.checkmark.trackingitems {
        margin-left: 0px !important;
    }

    div.first_question {
        left: 8.33333333%;
    }

    div.PrimaryGraphics .get-started-button {
        padding-left: 24%;
        padding-right: 24%;
        position: relative;
        left: 0;
    }

    div.primaryGraphicimg {
        position: relative;
        left: 9px;
        background-size: 405px 100%
    }

    button.btn {
        width: 90px;
        margin-right: 0
    }

        button.btn.btnNext {
            width: 90px !important
        }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .featureSnippet .carousel-inner {
        height: auto
    }

    .div-back {
        width: 268px
    }

    .questionnairSurvey {
        padding-right: 0 !important
    }

    button.btnquestionnair.GAD7 {
        width: 39% !important
    }

    .active, .btnquestionnair:hover {
        font-size: 12pt !important
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-right: 3PX;
        margin-top: 20px
    }

    .tab-content p.padding_10 {
        width: 100%
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: 20px !important
    }

    .btnquestionnair {
        width: 46%
    }

    .btnquestionnair {
        font-size: 14pt !important;
        line-height: 16.8pt
    }
}

.row.questionnaireBackground {
    margin-left: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.questionnaireBackground {
    position: absolute;
    margin-left: -25px
}

    .questionnaireBackground img {
        width: 550px;
        height: 50%;
    }

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .div-back {
        width: 358px
    }

    .btnquestionnair {
        width: 52%
    }

    div#questionnairSurveyHeader :first-child {
        margin-right: -3px !important;
        padding-right: 0
    }

    .carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
        margin-left: -33px !important
    }

    .carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
        margin-right: -33px !important
    }

    button.btnquestionnair.GAD7 {
        width: 46% !important
    }

    .answer-options label {
        padding-top: 14px;
        height: auto;
        font-size: 14pt !important;
    }

    button.btn.btnNext, button.btn.btnback {
        width: 130px !important
    }

    button.btn {
        width: 135px;
        height: 35px;
        margin-right: 0
    }
}

.background_light_blue {
    background-image: url(../../Images/1021.png);
    margin: 0;
    padding: 10px;
    padding-bottom: 100px
}

.your-treatment {
    padding: 20px 10px 0 10px
}

.margin-left_8 {
    margin-left: 8px
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.featureSnippet .container-fluid.snippetCarousel {
    margin-top: 0;
    width: 100%;
    padding: 0;
    background: #fff5e8
}

.carousel-control .icon-prev, .featureSnippet .carousel-control .glyphicon-chevron-left {
    margin-left: 20px;
    transform: scale(.5) rotate(140deg);
    top: 100px !important
}

.carousel-control .icon-next, .featureSnippet .carousel-control .glyphicon-chevron-right {
    transform: scale(.5) rotate(320deg);
    margin-right: 20px;
    top: 100px !important
}

.featureSnippet .row.snippetsDescription {
    min-height: 200px;
    padding-top: 30px
}

.featureSnippet .carousel-indicators li {
    border: 1px solid #f49771 !important;
    background-color: #f49771 !important
}

.carousel-control.left, .featureSnippet .carousel-control.right {
    opacity: 1;
    background-image: none !important;
    cursor: pointer
}

.featureSnippet .row.snippet-BackGround-img {
    position: absolute
}

    .featureSnippet .row.snippet-BackGround-img img {
        height: 358px;
        width: 100%;
        margin-top: 58px
    }

.featureSnippet .row.snippetsDescription :first-child {
    padding-bottom: 10px
}

.featureSnippet .carousel-indicators .active {
    background-color: #e14504 !important
}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .featureSnippet .carousel-inner > .item.active {
    border: none !important
}

.featureSnippet .carousel-inner {
    background-color: #fff5e8;
    min-height: 275px
}

.row.bottom-bg-imag img {
    width: 100%;
    margin-top: -282px
}

.view-side-arrow {
    display: inline-flex;
    transform: scale(.5) rotate(320deg)
}

    .view-side-arrow img {
        position: relative;
        margin-top: -15px
    }

.snippetBody.font-Montserrat-light {
    height: auto
}

.color_light_red {
    color: #e14504
}

.tracking_text {
    font-size: 33pt;
    font-family: DMSans-Regular;
    line-height: 39.6pt
}

.PrimaryGraphics {
    background-color: #f9f8f7
}

.margin_top_30 {
    margin-top: 30px
}

li.ng-scope {
    display: none
}

    li.ng-scope.active {
        display: inline-flex !important
    }

.actives_div {
    background-color: #fff5e8;
    text-align: left;
    margin: 0;
    clear: both;
    /*    margin-top: 40px;*/
}

.colxs11 {
    margin-top: 65px;
}

.Activities-p {
    color: #000;
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 14pt;
    font-family: DMSans-Regular;
    line-height: 16.8pt
}

.getstartedactivities {
    margin-bottom: 11%
}

.getstartedactivities-button {
    background-color: #e14504;
    color: #fff;
    text-decoration: none
}

    .getstartedactivities-button:hover {
        background-color: #e14504;
        color: #fff !important;
        text-decoration: none
    }

.btnOrange:hover {
    background-color: #e14504;
    color: #fff !important
}

.btnOrange-uppercase {
    text-transform: uppercase
}

.PrimaryGraphicsImage {
    height: 500px;
    min-width: 100%;
    width: 451.55px;
    margin-left: 81px
}

.Primaryimage {
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-right: -8px;
    margin-top: -350px;
    z-index: -1
}

@media (min-width:992px) {
    .col-md-offset {
        margin-left: 1.25% !important
    }

    .get-started-style {
        padding: 0 100px
    }

        .get-started-style .section-1, .get-started-style .section-2, .get-started-style .section-3, .get-started-style .section-4 {
            padding: 15px 0 60px 0 !important
        }

    .Dashboard-Knowledge-Center {
        padding-left: 33pt
    }

    .knowledge-header-margin {
        margin-left: 32px
    }

    .Knowledge-margin-top {
        margin-top: 50px;
        width: 100%
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .getstartedactivities-button {
        padding-left: 29%;
        padding-right: 29%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 6px
    }

    .Primaryimage {
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_045.png);
        float: right;
        margin-top: -356px;
        z-index: -1;
        height: 440px !important;
        background-size: 500px 82% !important;
        margin-top: -200px !important;
    }

    .knowledgeCentre .padding-left-42 {
        padding-left: 25px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .getstartedactivities-button {
        padding-left: 32%;
        padding-right: 32%;
        position: relative;
        left: 5px;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }

    .Dashboard-Knowledge-Center {
        margin-left: 15px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .getstartedactivities-button {
        padding-left: 34%;
        padding-right: 34%;
        text-align: center;
        left: 5px;
        position: relative;
        font-size: 14px !important;
        letter-spacing: 2px !important
    }
}

.snippetCarousel .left.carousel-control.item.text-center, .snippetCarousel .right.carousel-control.item.text-center {
    height: 0
}

.professionalsHeading-contents {
    width: 100%;
    padding-top: 95px;
    position: absolute
}

.row.professionalsHearder .leftSide-img img {
    width: 100%;
    position: absolute;
    height: 310px
}

.row.professionalsHearder .rightSide-img img {
    width: 100%;
    height: 310px;
    margin-left: 0;
    float: right
}

.owl-item.active.center {
    opacity: 1
}

.owl-item.active {
    opacity: .5;
    display: block !important;
    border: none !important
}

.owl-item {
    opacity: 0;
    display: block !important
}

    .owl-item img {
        pointer-events: none
    }

    .owl-item.active.center img {
        pointer-events: unset
    }

button.owl-prev {
    float: left !important
}

button.owl-next {
    float: right !important
}

.owl-dots {
    display: none !important
}

.colsClass, .expClass {
    color: #f47e0a
}

input[type=radio].custom_radio_button:focus {
    background-color: #e14504;
    background-clip: border-box;
    border: 2px solid #e14504;
    outline: 0
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .body-content div.carousel_row.mobileRow {
        width: 100%;
        margin-left: 0 !important
    }

    .owl-carousel.owl-drag .owl-item {
        margin-right: 20px !important
    }
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    background: 0 0;
    border-top: 2.5pt dotted #e14504 !important;
    border: none;
    height: auto
}

.offset-md-1 {
    margin-left: 18px
}

.row.professionalsHearder {
    background-color: #fdf5f8;
    margin: 0
}

.navbar {
    margin-bottom: 0 !important
}

.margin-bottom-30px {
    margin-bottom: 30px !important
}

.navbar-default {
    background-image: none !important
}

.about-home-content .media-body span:not(span.faicon) {
    font-size: 22pt;
    line-height: 36pt !important
}

Button.Tracking-button {
    width: 13%;
    padding: 10px 0;
    background: #e14504;
    border-radius: 50px;
    color: #fff;
    border: 1px solid #e14504;
    text-transform: uppercase;
    font-family: DMSans-Medium
}

.tracking-p {
    font-size: 42pt;
    font-family: DMSANS-REGULAR;
    margin-bottom: 35px;
    margin-top: 0;
    letter-spacing: 2px !important;
    line-height: 50pt !important;
}

.tracking-check-div {
    margin-bottom: 10px;
    letter-spacing: .4px
}

    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        padding-right: 5px
    }

.tracking-label {
    margin-inline-end: 24px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}


span.checkmark.trackingitems {
    margin-left: -10px !important;
}

span.checkmark {
    border-radius: 12px;
    margin-left: -1px;
}

    span.checkmark.checkmark-traking-Section {
        margin-left: 0px;
        margin-top: 0px;
    }

.depression-checkbox {
    margin-right: 31px
}

.tracking-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee
}

.tracking-label:hover input ~ .checkmark {
    background-color: #ccc
}

.tracking-label input:checked ~ .checkmark {
    background-color: #e14504
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tracking-label input:checked ~ .checkmark:after {
    display: block
}

.tracking-label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.progress-div {
    float: left
}

.progress-div-line {
    float: left
}

.progress-div {
    width: 22px;
    height: 22px;
    border: 2px solid #e14504;
    border-radius: 100%
}

.progress-div-line {
    width: 20px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

.tracking-dashboard-username-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 30px;
    margin-bottom: 30px;
    color: #e14504 !important;
    font-family: DMSans-Medium;
    font-size: 40px;
    letter-spacing: 2px !important;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png)
}

.traking-primaryGraphicimg {
    height: 480px !important;
    opacity: .1
}

.tracking-container {
    margin-bottom: 0
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 5px
    }

    .activity-container .dasbord-Activity-Recommended {
        margin-top: 175px !important
    }

    .tracking-label {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 9px;
        width: 103px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 17%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 22px;
        height: 22px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .tracking-label {
        width: auto
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 23px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 13px;
        width: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 100%;
        margin-left: 22%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .tracking-check-div label {
        color: #000;
        margin-left: 0;
        margin-right: 15px
    }

    .tracking-label {
        position: relative;
        padding-left: 32px;
        margin-bottom: 12px;
        cursor: pointer;
        width: auto;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .progress-div {
        float: left
    }

    .progress-div-line {
        float: left
    }

    .progress-main-div {
        width: 98%;
        margin-left: 25%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    .progress-div {
        width: 8%;
        height: 25px;
        border: 2px solid #e14504;
        border-radius: 100%
    }

    .progress-div-line {
        width: 20px;
        height: 3px;
        background-color: #e14504
    }

    .tracking-dashboard-username-text {
        font-size: 30px
    }

    span.checkmark {
        border-radius: 12px;
        margin-left: 0
    }

    .traking-primaryGraphicimg {
        display: none
    }

    .Tracking-button {
        width: 100% !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .progress-main-div {
        width: 43%;
        margin-left: 38%;
        margin-top: 27px;
        margin-bottom: 60px
    }

    body div.tracking-setup-container .tracking-questions select {
        max-width: 400px !important;
        background-image: url(http://cl-rebranding.mycompass.org.au/Images/ArrowUp.png);
        -webkit-appearance: none;
        background-position: right center;
        background-repeat: no-repeat no-repeat;
    }
    /*MYC2-748 Starts*/
    div.registration-Step2-text {
        margin-top: 65px;
    }

    div.div-back {
        margin: 0 auto;
    }
    /*MYC2-748 Ends*/
    div.tracking-header {
        height: auto;
        background: url(/Images/Tracking_Splash.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: left 0 bottom 0;
        background-size: 400px 500px;
    }

    .knowledgeCentre div.knowledgeCentre-InterestArea {
        margin-left: 5% !important;
    }

    label.control-label.Profile-Detail-Labels.right-side {
        margin-left: 0px !important;
        padding: 10px 0;
    }

    .hide_only_ipad {
        display: none;
    }

    .Profile .ipad_left_16 {
        left: 0;
        width: 100% !important;
        padding: 10px 2px;
        display: flex;
        justify-content: center;
        margin-left: 0 !important;
    }

        .Profile .ipad_left_16 .Profile-Save-Button.button-orange {
            width: 215px !important;
        }

    .module-Container .row.module-keep-learning {
        background-size: 70% 30%
    }

    div.editTracking_text_div {
        margin-bottom: 20px
    }

    div.healthcare-header {
        height: 400px;
    }

    .tracking-graph-container .lower-button-tracking a.editTracking_text {
        margin-left: 0
    }

    .self_assesment_mobile_padding_left_8_right_8 .takeSelf-Assessment-desc_div {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .selfAssessmentInDashboard .first_question {
        left: 33.333333% !important
    }

    .first_question {
        left: 17.333333% !important
    }

    input.mobilenumber-border-orange {
        width: 100% !important;
        max-width: 418px !important;
        margin-bottom: 20px;
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: -4px
    }

    div.first_question .btnNext.btnsize {
        width: 210px !important
    }

    div.back_btn_div {
        padding-left: 0;
    }
    /*MYC2-748 Ends*/
    .owl-carousel .owl-stage-outer {
        width: 100% !important;
        margin: auto !important
    }

    .person-text {
        width: 70% !important;
        margin: 20px auto !important
    }
}

.tracking-check-div label {
    font-weight: 700 !important
}

.takeSelf-Assessment-text.color_black {
    color: #000 !important;
    margin-left: 16px
}

.myCompass_users_label {
    cursor: pointer
}

.progress-div.active {
    background-color: #e14504
}

.text-below-tracking-button {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt
}

.getstarted.text-below-tracking-button {
    margin-top: 1px !important;
}

.addentry.text-below-tracking-button {
    margin-top: -30px !important;
}


a.text-center.get-started-button.getstartedbutton:hover:focus {
    color: #fff !important
}





a.getstartedactivities-button.get_started.ng-binding {
    font-size: 12.096pt !important;
    border: 2px solid #e14504;
    font-family: DMSans-Medium !important;
    line-height: 14.515pt
}

.form-control:focus {
    border-color: #e14504 !important;
    box-shadow: none !important
}

.btn_getstarted {
    margin: 42px 0 14px
}

.dropdown-menu li.ng-scope {
    display: block
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #000
}

.ddlBirthYear .dropdown-menu {
    display: block;
    top: 34px;
    left: 15px;
    height: auto;
    overflow-y: scroll;
    width: 320px;
    max-height: 150px
}

.ddlBirthYearMatch {
    display: block;
    top: 34px;
    left: 15px;
    height: 37px !important;
    overflow-y: scroll;
    width: 40%
}

.ddlBirthYear .active {
    border-bottom: none !important
}

button.btnquestionnair.active {
    border-bottom: 4px solid #ff9f1a !important
}

.questionnairSurvey p {
    font-family: DMSans-Regular
}

.selfAssesmentResultModal-header {
    font-family: DMSans-Regular !important
}

.newUserModal-footer button.btn {
    border: 1.5pt solid #e14504;
    color: #e14504;
    width: 176px;
    height: 36px;
    font-family: DMSANS-MEDIUM;
    font-size: 12.096pt
}

    .newUserModal-footer button.btn.btnclose {
        margin-top: 5px !important
    }

    .newUserModal-footer button.btn:hover {
        background-color: #e14504 !important;
        color: #fff !important
    }

.modal-content .modal-body p {
    font-family: DMSANS-REGULAR;
    font-size: 14pt
}

.modal-content .modal-title {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

.mobilenumber-border-orange {
    border: 2px solid #e14504 !important;
    margin-left: 0;
    font-size: 14pt;
    font-family: DMSans-Regular;
    width: 250px !important
}

.register .form-group {
    margin-bottom: 0 !important;
    margin-left: 0px !important;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.row.footer-elements {
    width: 100%;
    margin: 55px auto
}

.Home_Splash_div {
    background-color: #f6f8f9;
    padding-top: 80px;
    padding-right: 0;
    width: 1240px;
    position: relative
}

.Home_Splash_Hill {
    width: 100%
}

.Home_Splash_Man_div {
    position: absolute;
    bottom: 0;
    right: 0
}

.Home_Splash_Man {
    width: 100%
}

.Home_Splash-images-width {
    padding-right: 0
}

.myCompass-text-color {
    color: #e14504;
    font-family: DMSANS-MEDIUM
}

.myCompass-text1-color {
    color: #e14835;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18pt;
    font-family: DMSANS-REGULAR;
    width: 750px;
    margin-left: 80px
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .container-register {
        padding-left: 40px !important
    }

    div.PrimaryGraphics {
        height: 600px;
    }

    h2.Share-myCompass-heading {
        margin-left: 0 !important;
        width: 320px;
        font-size: 38pt !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 15px
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0
    }

    .Home_Splash-images-width {
        margin-top: 20px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .myCompass-text-color {
        color: #e14504
    }

    .crisesSupport-width {
        max-width: 320px !important
    }

    body {
        width: 100% !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        font-size: 18pt !important;
        width: 100% !important
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    .container-register {
        padding-left: 40px !important
    }

    .Profile-page div.first_question {
        left: 9.4% !important;
    }

    .share-myCompass-button {
        margin-left: 0 !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 15px
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0
    }

    .Home_Splash-images-width {
        margin-top: 20px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .myCompass-text-color {
        color: #e14504;
        font-size: 6.25vw !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        font-size: 18pt !important;
        width: 100% !important
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (max-width:768px) {
    .container-register {
        padding-left: 40px !important
    }

    .Register-Continue-Style button.btn-step1-continue.Profile-Save-Button.button-orange.btnOrange {
        margin-left: 0px !important;
    }

    .rgistration-submit-button {
        justify-content: center;
        display: flex;
    }

    .header1 {
        background-size: 310px 400px !important;
        line-height: 50pt;
        padding-top: 40px !important
    }

    .share-myCompass-button {
        margin-left: 0 !important
    }

    .sharemy-compass-form-div {
        padding-left: 8px !important;
        padding-right: 0 !important;
        width: 90% !important
    }

    .Share-myCompass-heading {
        margin-left: 17px
    }

    .share-myCompass-button {
        width: 76% !important
    }

    .myCompass-image-logo {
        width: 100%
    }

    .body-content-home {
        margin-left: 0;
        padding: 0 !important
    }

    .navbar.container-fluid {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .Home_Splash_div {
        background-color: #f6f8f9;
        padding-top: 20px;
        padding-right: 0;
        width: 100%;
        padding: 0
    }

    .Home_Splash_Hill {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0
    }

    .Home_Splash_Man {
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 0;
        margin-top: 0 !important
    }

    .Home_Splash-text-width {
        margin-top: 0;
        padding-left: 15px
    }

    ul.nav.navbar-nav.navbar-right li:last-child {
        min-height: 10px;
    }

    .Home_Splash-images-width {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        position: relative
    }

    .myCompass-text-color {
        color: #e14504;
        font-size: 36pt !important
    }

    .myCompass-text1-color {
        color: #e14835;
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 18pt;
        width: 100%
    }

    .Home_Splash_button {
        width: 100%
    }

    a.try_activity_button:hover {
        color: #fff;
        background-color: #e14504
    }

    .registration-body {
        padding-right: 30px;
        padding-left: 30px
    }
}

.body-content {
    padding: 0 !important
}

.registration_Background_img-step1 img {
    position: absolute;
    height: 250px;
    margin-top: -61px
}

a.try_activity_button:hover {
    color: #fff;
    background-color: #e14504
}

button.btnquestionnair:hover {
    border-bottom: 4px solid #ff9f1a !important
}

p.padding_10:hover {
    background: #eee !important
}

.padding_10.active .self_asessment_lable {
    cursor: pointer;
    color: #d64204;
    font-weight: 400
}

.QuestionDiv .register-label, .register-social-media-text {
    color: #000 !important;
    font-family: DMSans-Bold !important;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important;
    font-weight: 400
}

a.footer-menu:focus:hover, a.footer-menu:hover {
    text-decoration: none;
    color: #e14504 !important
}

.black-Dog-Institute-width {
    width: 230px
}

.mobile-self-assement-div .fa-chevron-down:before {
    font-size: 10pt
}

.media .fa-chevron-up:before {
    font-size: 10pt
}

.about-home-content ul {
    font-size: 14pt;
    font-family: DMSANS-REGULAR !important;
    letter-spacing: 0;
    line-height: 23pt;
    color: #000 !important
}

.about-home-content .accordion-tabbed-collapse-in-bgcolor span {
    font-size: 18pt !important;
    font-family: DMSANS-REGULAR !important
}

.about-home-content .customNav .nav-tabs > li > a {
    height: auto !important;
    letter-spacing: .4px !important
}

.about-home-content .customNav .nav-tabs-min-height > li > a {
    min-height: 128px
}

.featureSnippet .accordion-collapse-in-bgcolor {
    font-size: 20pt !important
}

.accordion-content .person-text {
    font-size: 18pt !important;
    font-family: DMSans-Regular;
    margin-top: 220px !important;
    line-height: 16.8pt !important;
    color: #000 !important
}

.about-home-content .accordion-tabbed-collapse-in-bgcolor li span {
    font-size: 18pt !important
}

.about-home-content .orangeclr {
    font-size: 18pt !important;
    font-family: DMSans-Regular
}

    .about-home-content .orangeclr:hover {
        text-decoration: none !important;
    }

.carousel_div .owl-carousel .owl-item img {
    display: block;
    height: 200px;
    width: 200px
}

.footer-menu:focus {
    color: #000 !important;
    outline: 0;
    text-decoration: none !important
}

.footer-menu a:focus {
    color: #000 !important;
    outline: 0;
    text-decoration: none !important
}

.contactUs-header {
    height: 210px;
    margin-top: 60px;
    width: 100%
}

.contactUs-container {
    width: 100%;
    padding: 0
}

.contactUs-header .registration_Background_img-step1 img {
    z-index: -1
}

.row.contactUs-header-text {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    position: absolute;
    text-align: center;
    width: auto
}

.common-header .registration_Background_img-step1 img {
    float: right;
    position: relative;
    height: 240px;
    width: 100%;
    margin-top: -61px
}

.crisesSupport-text {
    font-size: 14pt;
    font-family: DMSans-Regular;
    color: #000 !important;
}

.answer-options label:hover {
    background-color: #eee
}

.self-asessment-options {
    width: 100%
}

.contact-us-content h4 {
    font-family: DMSANS-REGULAR;
    font-size: 33pt
}

.newUserModal-dialog.container .modal-content {
    background: #fff;
    border: 2px solid #e14504;
    /*height: 250px*/
    height: auto !important;
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    div.iconset .treatment-play-icon {
        transform: translate(-50%,-58%) scale(.5)
    }

    .header-right img.bdiImgMobile {
        margin-top: 15px !important;
    }

    .margin-padding-additionalinfo, .padding-left-registration {
        padding-left: 15px !important
    }

    .body-content-home {
        padding-right: 0 !important
    }

    .btn-step1-continue {
        margin-left: 35% !important
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        max-width: 420px !important
    }

    .footerHome .footer-elements div.color-white {
        width: 100%;
    }
}

@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) {
    .about_dropDown_div {
        float: right
    }

    .background_light_blue {
        margin-left: 15px
    }

    .iconset .treatment-play-icon {
        top: 56%;
        left: 50%
    }

    body {
        padding-left: 15px
    }

    img.img-Background {
        width: 132px;
        height: 131px;
        position: absolute
    }

    .registration_Background_img-step1 img {
        width: 1218px
    }
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) {
    .background_light_blue {
        width: 414px
    }

    a.try_activity_button {
        padding: 10px 120px
    }
}

@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .background_light_blue {
        width: 390px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    div.iconset .treatment-play-icon {
        transform: translate(-50%,-50%) scale(.2) !important;
        top: 48% !important;
        left: 50% !important
    }
}

@media only screen and (device-width:428px) and (device-height:926px) and (-webkit-device-pixel-ratio:3) {
    a.try_activity_button {
        padding: 10px 124px;
        margin-left: 0
    }
}

.myCompass.myCompass-text-color {
    font-size: 60pt;
    line-height: 72pt;
    margin-left: 80px
}

.printable-brochures-button-div {
    margin-top: 30px
}

.padding-share-button-style {
    background: 0 0;
    padding: 8px 0 8px 0;
    cursor: pointer;
    font-size: 12.096pt;
    font-weight: 500;
    cursor: pointer;
    width: 70%;
    margin-top: 10px;
    border-radius: 34px;
    border: 1px solid #e14504
}

div.printable-brochures-main-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%;
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 370px;
    width: 100%;
    text-align: center;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%
}

.container-register {
    margin-top: 40px
}

.sharemy-compass-input-style {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    padding: 0;
    color: #000 !important;
    margin-left: 100px !important;
}

.share-myCompass-button {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    background: 0 0;
    padding: 5px 0 5px 0;
    cursor: pointer !important;
    font-weight: 400;
    color: #e14504 !important;
    border: 1.5pt solid #e14504;
    width: 250px !important;
    margin-top: 10px;
    border-radius: 34px;
    text-transform: uppercase !important;
    height: 50px !important;
    margin-left: 105px !important;
}

    .share-myCompass-button:hover {
        color: #fff !important;
        text-decoration: none !important;
        cursor: pointer !important;
        background-color: #e14504 !important
    }

.Profile-Save-Button.button-orange {
    width: 215px !important;
    padding: 8px 2px
}

.container-register input[type=email], .container-register input[type=text], .container-register textarea, select {
    border: 1.5pt solid #e14504;
    font-size: 14pt;
    max-width: 320px;
    FONT-FAMILY: DMSANS-REGULAR
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .contact-us-content.crisesSupport-text.padding_left_100 {
        padding: 0 30px;
    }

    .row.footer-first-row {
        padding: 30px 0px;
    }

    .register .row.questionnaireBackground {
        display: none;
    }

    .traking-Section .Profile .col-lg-3.col-xs-12.padding-left-0.padding-right-0 {
        padding: 10px;
    }

    span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-bottom: 20px;
    }

    .Profile .Profile-Save-Button.button-orange.landing-self-next-finish {
        padding: 8px 2px;
    }

    .Profile .Profile-Save-Button.button-orange {
        padding: 8px 2px;
    }

    .knowledgeCentre .knowledge-header-margin {
        padding-left: 17%;
    }

    .divscroll-height.empty-chart-wrapper {
        height: auto !important;
        padding-left: 23px;
        border-radius: 15px !important;
        background-color: #fff;
    }

    div.empty-chart-wrapper .padding-top-20Percent {
        height: 396px !important;
        text-align: center !important;
        padding-top: 0%;
        VERTICAL-ALIGN: middle;
        display: table-cell;
    }

    div.emptyActiveModuleMessage {
        height: 396px !important;
        padding-top: 0%;
    }

        div.emptyActiveModuleMessage h4 {
            VERTICAL-ALIGN: middle;
            display: table-cell;
            height: 396px !important;
        }

    div.activeModulePanelDashboard div.circle {
        margin-top: 25px;
        margin-bottom: 5px;
    }

    div.Activity-Completing-Heading {
        padding-left: 15px;
        padding-right: 15px;
    }

    .Profile .snippetType-box {
        padding: 10px 0;
    }

    div.tracking-setup-container .Profile-Save-Button {
        font-size: 14pt !important
    }

    div.tracking-graph-container .filter-section .add-an-entry.last-days {
        width: 88%;
    }

    div.tracking-graph-container a.tracking_next_button.RecentGoodDays {
        right: 8px;
    }

    .recentGoodDays_div .add-an-entry {
        width: 90% !important;
        left: 1%;
        position: relative;
    }

    .recentGoodDays_div {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.tracking-graph-container a.tracking_prev_button.RecentGoodDays {
        margin-left: -13px;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        right: -1px;
    }
    /*MYC2-750 Ends*/
    select.register-select {
        width: 100% !important;
        max-width: 420px !important;
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .contact-us-content.padding_left_100 {
        padding: 0 30px;
    }

    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        float: right !important;
        margin-left: 0;
    }

    .register .form-control.mobilenumber-border-orange {
        width: 150px !important;
    }

    div.first_question .btnNext.btnsize {
        width: 200px !important
    }

    .ipadpro_margin-bottom-20 {
        margin-bottom: 20px !important;
    }

    .common-div-for-buttons {
        margin-bottom: 10px !important;
    }

    div.questionnaireBackground img {
        width: 370px;
        height: 416px;
    }

    .register .btnNext,
    .register .btnback.btnsize {
        width: 200px;
    }

    div.newUserModal-dialog.container .modal-content {
        background: #fff;
        border: 2px solid #e14504;
        height: 280px;
    }

    .Register-Continue-Style .Profile-Save-Button.button-orange {
        margin-left: -50px !important;
    }

    .register select.register-select {
        width: 100% !important;
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .body-content-home .btn-Continue-from-your-responses {
        margin-right: 0px !important;
        margin-top: 92px;
        font-size: 14pt !important;
    }

    .Profile .btn-Continue-from-your-responses {
        margin-top: 92px;
    }

    .Profile div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-right: 0px !important;
    }

    .registration-body .btn-Continue-from-your-responses {
        margin-right: 20px;
        margin-top: 5px;
    }

    .dashboard .selfAssessmentInDashboard div.first_question {
        left: 3% !important;
    }


    .professional_img img._idGenObjectAttribute {
        margin-left: -8px;
    }

    .professional_img img._idGenObjectAttribute-Login {
        margin-left: -8px;
    }

    .professional_img img._idGenObjectAttribute-Profile {
        margin-left: -8px;
    }

    .ShowSuicidalFeedback-message-div {
        width: 550px;
    }

    .Profile .ShowSuicidalFeedback-message-div {
        width: 500px;
    }

    .ShowSuicidalFeedback-message-div-home {
        width: 500px;
    }

    .HomePage .first_question {
        left: 0% !important;
    }

    .HomePage .Profile-Save-Button.button-orange {
        width: 157px !important;
    }

    .HomePage .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 0px;
    }

    div.editTracking_text_div {
        width: 55%
    }

    div.add_Tracking_text_div {
        width: 45%
    }

    div.register-already-registered {
        margin-left: 0
    }

    div.container.footerHome.removeRow {
        padding: 0px 20px 20px 30px !important;
    }

    .row.lower-button-tracking {
        margin: 10px auto 0 !important
    }

    div.favouriteSnippets div.browseSnippets .Snippet-About-DropDown {
        width: 135.256px !important;
        position: relative;
        right: 26px
    }

    div.sleep-activity-bg-img.Managing_fear_and_anxiety {
        background-size: 53% 69% !important;
        background-position: bottom 30px right 115px
    }

    .about_dropDown_div {
        float: right
    }

    div.favouriteSnippets .Snippet-About-DropDown {
        width: 135.256px
    }

    div.favouriteSnippets .favoriteSnippet_owl_carousel .glyphicon.glyphicon-chevron-right {
        left: 30px
    }

    div .favouriteSnippets #myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left, div.favouriteSnippets #favoriteSnippet_myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        left: 65px
    }

    div.favouriteSnippets #favoriteSnippet_myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right, div.favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        right: 65px
    }


    .Knowledge .icons-wrapper {
        margin-top: 32px;
    }

    .Knowledge .position-relative.right.icons-wrapper {
        padding-left: 20px;
    }

    .Knowledge div.circle div {
        top: 86px;
    }

    .Knowledge div.circle span {
        margin-top: 68px;
    }

    div.favouriteSnippets .Profile-Tracking-Reminder-Checkbox, div.favouriteSnippets .Snippets-SnippetTypeData {
        font-size: 14pt !important
    }

    .activity-container .inner .percentComplete {
        margin-top: 0
    }

    .activity-container .ModuleButtonSpan {
        width: 70%
    }

    .motivational-message.Motivational.Messages {
        margin-left: -118px
    }

    div.motivational-message.Fast {
        margin-left: -98px
    }

    .padding_right_0_Ipadpro {
        padding-right: 0 !important
    }

    .Motivational.motivational-message {
        margin-left: -55px
    }

    .Fast.motivational-message {
        margin-left: -60px
    }

    p.Basic-Paragraph.ParaOverride-1.first {
        margin-top: -88px
    }

        p.Basic-Paragraph.ParaOverride-1.first.home {
            margin-top: -70px
        }

    .rightNavBar li.professional {
        margin-right: 46px
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100% !important
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }

    div.row.progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 156px;
        width: 300px
    }

    .padding100 {
        padding-left: 20px !important
    }

    .col-xs-5.next-btn {
        padding-left: 0 !important
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 100% !important;
        margin: auto 0
    }

    .Profile-Save-Button.button-orange {
        width: 180px !important
    }

    .iconset .treatment-play-icon {
        top: 58% !important
    }

    .center-block.center-img {
        width: 100% !important;
        margin-top: 111px !important;
        height: 385px
    }

    .row.knowledgeCentre.knowledgeCentre-padding-bottom {
        width: 100%;
        margin: 0
    }

    .featureSnippet {
        width: 100%
    }

    .knowledgeCentre .row.text-align-center {
        width: 100%;
        margin: 0
    }

    body {
        width: 100%;
        padding: 15px;
        overflow-x: hidden;
        padding-top: 0
    }

    .registration_Background_img-step1 img {
        width: 100%
    }

    img.img-Background {
        width: 120px;
    }

    div.navbar-header {
        float: left !important;
        width: 23%;
    }

    li.YourDashboard {
        padding: 30px 0
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        border: 1px solid #e14504;
        font-size: 14pt;
        max-width: 420px !important;
        FONT-FAMILY: DMSANS-REGULAR
    }

    ul.navbar-right {
        margin-right: 0
    }

    .footerHome .footer-elements div.color-white {
        width: 100%;
    }

    .navbar-right {
        float: right !important;
    }

    .active, .btnquestionnair:hover {
        letter-spacing: -1px !important;
    }
}

a.orangeclr:focus {
    color: #e14504 !important;
    text-decoration: none !important;
    outline: 0 !important
}

span.registerLink a {
    float: right;
    margin-right: 15px;
    color: #e14504 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18px !important;
    letter-spacing: 0 !important
}

@media only screen and (device-width :414px) and (device-height :896px) and (-webkit-device-pixel-ratio :2) {
    .body-content div.carousel_row.mobileRow {
        width: 413px !important
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 11px
    }

    div.first_question {
        left: 8.33333333% !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }
}

@media only screen and (min-width:393px) and (max-width:767px) and (orientation:portrait) {
    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        left: -5px;
        margin-left: 7%;
    }

    .slider-container ul.silder_number_pointers {
        width: 100%;
    }
}

@media only screen and (min-width:393px) and (max-width:767px) {


    div.carousel_row.mobileRow {
        width: 100% !important;
        margin-left: 0 !important
    }

    .border-right-registration input[type=date], .border-right-registration input[type=number], .border-right-registration input[type=password], .border-right-registration input[type=text], select {
        width: 286px !important;
    }

    div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 35px !important;
    }

    div .owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 2px
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 11px
    }
}

@media only screen and (min-width:360px) and (max-width:767px) {
    .favoriteSnippet_owl_carousel.owl-carousel.owl-loaded {
        left: 0
    }

    div a.try_activity_button {
        padding: 10px;
        margin-left: 0
    }

    .mobileRow {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 0;
        top: 80px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 25px
    }

    div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        top: 80px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        transform: none !important;
        width: 25px;
        left: 0
    }

    .owl-carousel.owl-loaded {
        position: relative;
        left: 8px
    }
}

.orangeclr.visiable-for-mobile {
    display: none;
}

.text-center.visible-xs-block.col-xs-12.margin-top-10mobile-remove-guter.mobile-padding-20.register-already-registered {
    display: none !important
}

.modal .newUserModal-footer .btn {
    float: none;
    color: #e14504 !important;
    background: #ffffff !important
}

    .modal .newUserModal-footer .btn:hover {
        float: none;
        color: #ffffff !important;
        background: #e14504 !important
    }

.container-fluid.register-selfassessment {
    margin-top: 20px !important
}


@media only screen and (min-width:834px) and (orientation:portrait) {
    .navbar-header {
        float: left !important
    }

    .header-right {
        float: left !important;
    }

    .mobile-self-assement-div .panel-body .tab-content {
        width: 100% !important;
    }

    .first_question {
        left: 4% !important;
    }

    .form-control.mobilenumber-border-orange {
        width: 245px !important
    }

    .navbar-right {
        float: right !important;
    }

    .active, .btnquestionnair:hover {
        letter-spacing: -1px !important;
    }
}

@media only screen and (min-device-width:360px) and (max-device-width:365px) {
    .header-right {
        margin-right: 15px !important
    }
}

span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
    /* width: 100% !important;*/
    width: 90% !important;
    float: left;
    margin-right: 20px !important;
}

@media only screen and (min-width:810px) and (orientation:portrait) {
    body {
        width: 100% !important;
        overflow-x: hidden !important
    }
}

@media only screen and (min-device-width:1920px) {
    div.height-whitebutton {
        height: 65.79px !important
    }

    .inner-pause-activity {
        height: 65.79px !important
    }

    div.progressbar.progressbarInButton {
        margin-top: 0 !important;
    }

    div.knowledgeCentre {
        padding: 50px 8px 10px 0 !important;
    }

    ul.navbar-right {
        margin-right: 2px;
    }

    .contactUs-link-width {
        width: 142px
    }

    .black-Dog-Institute-width {
        width: 245px
    }

    .col-xs-12.next-btn, .col-xs-12.text-right, .padding_top_bottom_20 .col-xs-12 {
        width: 32%
    }

    .back-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        /*width: 100% !important*/
    }

    .mobile-self-assement-div .panel-body {
        padding: 0;
        width: 100% !important
    }

    .Profile-Save-Button.button-orange {
        width: 185px !important
    }

    .self-asessment-options {
        width: 100%
    }

    button.Profile-Save-Button.button-orange {
        padding: 8px 2px /*changed from 12px to fix on website*/
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish {
        padding: 12px 2px
    }

    .Home_Splash_Hill {
        width: 100%
    }

    .carousel_div {
        left: 20px
    }

    div.container.footerHome.removeRow {
        padding: 0 !important
    }
}

@media only screen and (min-width:1112px) and (max-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    .padding100 {
        padding-left: 1px !important
    }
}

@media (max-width:767px) {
    .stressdropdown {
        position: relative !important;
        background-color: #fff !important;
        height: auto !important
    }

    .rounded_img-div.Knowledgecenter-img {
        padding-left: 0;
        text-align: center;
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.tracking-graph-container .add-an-entry {
        padding: 15px 8px
    }

    .register .border-right-registration {
        padding-left: 0px;
    }

    .header-right img.bdiImgMobile {
        margin-top: 14px;
    }

    div.recentNotGoodDays_div {
        padding: 0
    }

    .width-120-per {
        width: 58% !important
    }

    .activity-container .ModuleButtonSpan {
        width: 79% !important;
        word-break: break-all
    }
}

.underline.submittedPHQGAD.gAD7 p:last-child {
    margin-top: 25px
}

@media only screen and (min-device-width :1100px) and (max-device-width :1300px) {
    body {
        width: 100%;
        padding: 0 100px !important
    }

    .Home_Splash_div {
        width: 100%
    }

    div.mobileRow.carousel_row {
        width: 100%
    }

    .container.footerHome.removeRow {
        padding: 0
    }

    .takeSelf-Assessment-desc {
        width: 300px !important
    }

    .self-asessment-options {
        width: 100%
    }

    .HomePage .Profile-Save-Button.button-orange {
        width: 147px !important;
        margin-right: 0 !important
    }

    .footerHome div.row.footer-elements {
        margin-left: 10px;
    }

    p.myCompass-text1-color {
        width: 560px;
    }

    .mobile-self-assement-div .panel-body .tab-content {
        background: #fff5e8;
        padding: 15px;
        border-radius: 10px;
        height: auto;
        width: 610px;
    }


    p.padding_10 {
        background: #fff !important;
        box-sizing: border-box;
        border-radius: 100px;
        width: 175px;
        padding: 12px 2px;
        line-height: 24px;
        margin-bottom: 0;
        margin-top: 8px;
        border: 1px solid #bfbfbf;
        margin-right: 20px !important;
    }

    .HomePage .Profile-Save-Button.button-orange {
        width: 175px !important;
        margin-right: 5px !important;
    }

    .ShowSuicidalFeedback-message-div .from-your-responses-message-div p, .ShowSuicidalFeedback-message-div-home .from-your-responses-message-div p {
        width: 550px !important;
    }

    .ShowSuicidalFeedback-message-div-home {
        width: 650px;
        height: 450px;
    }

    .SelfAssessment-SeveralDays-Description {
        color: #e14504 !important;
        font-family: DMSANS-REGULAR;
        font-size: 10pt !important;
        letter-spacing: 0 !important;
        text-align: left;
        margin-top: 10px !important;
        width: 650px;
        height: 450px;
    }

    .btn-Continue-from-your-responses {
        color: #fff !important;
        font-family: DMSans-Medium !important;
        font-size: 14pt !important;
        letter-spacing: 2px !important;
        padding-left: 36px;
        padding-right: 36px;
        padding: 10px 25px 5px 25px;
        border: 2px solid #e14504;
        border-radius: 50px;
        cursor: pointer;
        display: inline-block;
        float: right;
        background: #e14504;
        margin-bottom: 10px;
        text-transform: uppercase;
        width: 212px;
        min-height: 44px;
        text-align: center;
        margin-top: 42px;
        font-weight: 500;
        margin-right: 70px !important;
        line-height: 14.5pt;
    }

        .btn-Continue-from-your-responses:hover {
            background: #ae411c !important;
            transition: .35s ease;
            color: #fff !important
        }

    .radio.registerLabel label {
        padding-left: 8px !important;
    }

    .container.background-color-white.width-80 {
        width: 630px !important;
        height: 450px;
    }

    .questionnaireBackground img {
        width: 300px !important;
        height: 416px !important;
    }
}

.rightSide-img {
    padding: 0
}

.about_program.container.body-content {
    width: 100%
}

.healthcare-contents {
    width: 100%
}

.header1 {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    padding-top: 75px;
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 50% 750px;
}


.healthcare-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    background: url(/Images/2896.png),#fdf5f8;
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 400px 100%
}

    .healthcare-header.profile-page h1 {
        font-size: 42pt !important;
        line-height: 50.4pt;
        letter-spacing: 0;
        color: #000;
        font-family: DMSANS-REGULAR
    }

    .healthcare-header h1 {
        font-size: 42pt !important
    }

.profile-page {
    height: 375px !important;
}

.padding-home-button a:focus, a:hover {
    color: transparent;
    text-decoration: none
}

@media only screen and (min-device-width:750px) and (max-device-width:754px) {
    button.btn-step1-continue {
        margin-left: 10px !important
    }

    .header-right {
        width: 50% !important;
        float: left !important
    }
}

.container.module-Container {
    width: 100%;
    padding: 0
}

.row.module-activities {
    background-color: #fff4e5;
    padding: 0 50px;
    height: 600px;
}

.row.module-keep-learning {
    background-color: #f5f1ee;
    margin-bottom: -50px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 60% 49%;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png)
}

.activity-header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 304px;
    width: 100%;
    text-align: center;
    padding-top: 72px;
    background: url(../../Images/DotGraphics_Orange_portrait_A3_RGB_021.png);
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 400px 500px
}

.main {
    display: table
}

.inner {
    display: table-cell;
    vertical-align: middle;
    height: 85.79px;
}

h4.Activity-Recommended.Basics {
    padding-left: 0
}

.activeModulePannel .color-Orange {
    position: relative;
    top: 3px;
    left: 5px
}

.col-md-4.remove-right-padding.ng-scope {
    padding-right: 0
}

.module-box.extra-modules {
    padding-bottom: 100px
}

.padding-0 {
    padding: 0
}

div.PrimaryGraphics {
    position: relative;
    background-image: url(../../Images/PrimaryGraphics_Landscape_A3_RGB_061.png);
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 50% 100%
}

.container.selfAssessmentInDashboard.row {
    width: 100%;
    margin: 0;
    padding: 0
}

.row.Snippet-header, .row.featureSnippet {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both
}

.Primaryimage.sleep {
    margin-bottom: -60px;
    height: 600PX;
    width: 65%;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    float: right;
    margin-top: -350px;
    z-index: -1;
    left: 27px
}

.sessiondescription strong {
    color: #e14504 !important;
    font-size: 25pt !important;
    line-height: 36pt;
    font-family: DMSANS-REGULAR;
    font-weight: 400;
    letter-spacing: 0
}

.Activity-Landing-Heading-Session {
    color: #272727 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important
}

.Activity-Landing-Heading-Module {
    margin-top: 46px;
    color: #e14504 !important;
    font-family: DMSANS-Bold !important;
    font-size: 14pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt
}

.sleep-landing-container {
    background-color: #fcece6 !important
}

.Sleep_Background_img img {
    position: absolute;
    margin-top: 48px;
    height: 185px;
    transform: rotate(0);
    width: 89%
}

.progress-main-div.sleep {
    height: 19.1px !important;
    width: 100%
}

.progress-div-line.sleep {
    width: 267px;
    margin-top: 10px;
    height: 3px;
    background-color: #e14504
}

@media only screen and (max-width:768px) {
    .Activity-Landing-Session-Description {
        height: auto
    }

    div.footer-elements div:nth-child(1), div.footer-elements div:nth-child(2), div.footer-elements div:nth-child(3) {
        width: 100%;
    }

    .container-register input[type=email], .container-register input[type=text], .container-register textarea, select {
        border: 1.5pt solid #e14504 !important;
    }

    div.Sleep_Background_img img {
        height: 100%;
        width: 100%;
        position: relative;
        right: 0
    }

    .Controller-module-sleep {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .Primaryimage.sleep {
        margin-right: 1px !important;
        margin-top: -298px !important
    }

    .Activity-Landing-Description {
        color: #000 !important;
        font-family: DMSans-Regular !important;
        font-size: 18pt !important;
        letter-spacing: 0 !important;
        margin-right: 0;
        line-height: 21.6pt;
        width: 100% !important;
        height: auto !important;
        padding-right: 40px;
        margin: auto 20px
    }
}

@media (min-width:1200px) {
    div.printable-brochures-main-header {
        width: 100% !important;
        background: url(/Images/2896.png),url(/Images/2897.png);
        height: 258px;
        background-size: 33% 100%,100% 100%;
        background-repeat: no-repeat;
        background-position: right 0 top 0
    }

    .sleep-activity-bg-img.Managing_fear_and_anxiety {
        height: 58%;
    }

    .recentNotGoodDays_div {
        position: relative;
        left: 10px;
    }

    .Last14days_div {
        position: relative;
        right: 10px;
    }

    div.tracking-graph-container a.tracking_next_button.Last14day {
        right: -18px;
    }

    div.tracking-graph-container a.tracking_next_button.RecentGoodDays, div.tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
        right: -5px;
    }

    div.tracking-graph-container a.tracking_prev_button.RecentGoodDays, div.tracking-graph-container a.tracking_prev_button.Last14day, div.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays {
        margin-left: -18px;
    }

    .self-assement-div-height {
        height: 470px;
        width: 720px !important;
    }

    .modal-body.from-your-responses-message-div-ShowSuicidalFeedback .SelfAssessment-SeveralDays-Description {
        height: 250px;
        width: 600px;
    }

    .ShowSuicidalFeedback-message-div .modal-body.from-your-responses-message-div .SelfAssessment-SeveralDays-Description {
        height: 275px;
    }

    .underline.submittedPHQGAD p:last-child {
        position: absolute;
        margin-top: 30px;
    }

    div.height-whitebutton {
        height: 90.79px !important;
        /* width: 350px; need to double check if breaking*/
        max-width: 95%;
    }

        div.height-whitebutton .inner {
            height: 85.79px !important;
            padding-left: 0px;
            line-height: 16.8pt !important
        }

    .session-text-description {
        height: auto
    }

    .Controller-module-sleep {
        margin: 0
    }

    .sleep-landing-container {
        background-color: #fcece6 !important;
        width: 100%;
        background-image: url(../../Images/SleepBackground.png);
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        background-size: 100% 100%;
        height: 1000px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    .progress-div-line.sleep {
        width: 38% !important
    }

    .Activity-Landing-Session-Description {
        height: auto;
        min-height: unset !important
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    div.activity.progress-div-line.sleep {
        width: 38%
    }

    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

@media only screen and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3) {
    .progress-div-line.sleep {
        width: 37%;
    }

    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

.row.activity-module-container {
    width: 100%;
    padding: 0;
    height: 700px;
    margin: 0;
    background-image: url(../../Images/KnowledgeCentre_Splash_PNG.png);
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 60% 70%;
    margin-bottom: -60px
}

.text-center.progress-main-div.sleep {
    width: 100%;
    padding-right: 0;
    margin: 100px auto 10px auto
}

.row.progressbar-for-activity {
    width: 70%;
    margin: auto
}

.btnOrange.get-started-sleep {
    font-family: DMSans-Medium;
    font-size: 12pt;
    line-height: 14.4pt;
    color: #e14504
}

li.return-to-Menu a {
    padding: 35px 5px;
    font-size: 14pt !important;
    font-family: DMSans-Regular !important;
    line-height: 16.8pt
}

@media only screen and (min-width:1201px) and (max-width:1250px) {
    .PrivacyPolicy-link-width, .black-Dog-Institute-width, .contactUs-link-width, .crisesSupport-width, .term-link-width {
        width: 100%;
        padding-left: 15px
    }

    div.black-Dog-Institute-width {
        width: 100% !important;
    }

    div.row.footer-elements {
        margin-left: 10px !important;
    }

    .crisesSupport-width {
        padding-top: 25px;
    }

    div.row.PrimaryGraphics {
        background-size: 100% 42% !important;
        height: 530px
    }

    div.container.footerHome.removeRow {
        height: auto
    }
}

@media only screen and (min-width:360px) and (max-width:360px) {
    .self-assesment .panel-heading ul.mobile-self-assement-tabs li a {
        width: 78%
    }

    div.row.progressbar-for-activity div.activity.progress-div-line.sleep {
        width: 117% !important;
        margin-left: 63% !IMPORTANT;
    }

    .self-assesment .panel-heading ul.mobile-self-assement-tabs li.second a {
        width: 63%
    }

    div.activity.progress-div-line.sleep {
        width: 36%
    }


    .Activity-Landing-Session-Description {
        min-height: unset !important;
        height: auto
    }
}

.hamburger-menu .dropdown {
    display: none
}

.sleep-activity-bg-img {
    width: 50%;
    height: 58%;
    background-image: url(../../Images/Sleep.png);
    background-repeat: no-repeat;
    background-size: 80% 70%;
    position: absolute;
    right: 0;
    background-position: bottom 170px right 72px;
    bottom: 0
}

    .sleep-activity-bg-img.smart {
        background-image: url(../../Images/SMART.png)
    }

.sessiondescription:first-child p {
    min-height: 40px
}

a.externalLink-JS:focus:hover, a.externalLink-JS:hover {
    text-decoration: none;
    color: #e14504 !important
}

a:focus:hover, a:hover {
    text-decoration: none;
    color: #e14504 !important
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) {
    .activity.progress-div-line.sleep {
        width: 38%
    }
}

.selfassestextsizehead.dashboard h1.text-align-center {
    font-size: 33pt;
    font-family: DMSANS-REGULAR
}

div.selfassestextsizehead.dashboard h2 {
    font-size: 18pt !important;
    font-family: DMSANS-REGULAR !important
}

div.selfassestextsizehead.dashboard .selfassestextsizecontent h4, div.selfassestextsizehead.dashboard .selfassestextsizecontent p {
    font-family: DMSans-Regular !important;
    font-size: 12pt !important
}

div.selfassestextsizehead.dashboard.selfassestextsizehead u {
    font-weight: 700
}

@media only screen and (min-device-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .ipad-margin-top-about {
        width: 27%
    }

        .ipad-margin-top-about div {
            left: 0;
            margin-left: 0
        }

    .takeSelf-Assessment-desc {
        width: 100% !important
    }
}

.Activity-Active h4 {
    font-family: DMSANS-BOLD;
    font-size: 14pt !important;
    text-transform: uppercase
}

.panel.activeModulePannel.module-box-height.border-radius-8 {
    border-radius: 95px
}

.row.activeModuleBox.border-radius-8 {
    border-radius: 50px
}

.featureSnippet li.ng-scope {
    display: inline-block;
    margin-left: 5px
}

.next-button {
    padding: 0
}

.common-div-for-buttons {
    width: 100%;
    margin: 0
}

.featureSnippet.self-assesment.remove-background-img {
    background-image: none
}

.nowrap {
    white-space: nowrap;
    text-decoration-style: none !important;
}

.back-button button.btn.btnback {
    background: 0 0;
    color: #d64204
}

.register-already-registered .orangeclr {
    color: #e14504 !important;
    text-decoration: none !important;
}

.activity-container {
    width: 100%;
    float: left;
    height: 100%;
    min-height: -webkit-fill-available;
    background-color: #fff5e8
}

.pause-button-div {
    background-image: url(../../Images/Pause_White.png);
    background-repeat: no-repeat;
    padding-right: 5px;
    background-position: 20px
}

.inner-pause-activity {
    display: table-cell;
    vertical-align: middle;
    height: 65.79px !important;
    padding-left: 35px;
    width: 512.67px !important
}

.yours-activity-heading {
    color: #e14504;
    font-size: 33pt;
    font-family: DMSANS-REGULAR;
    padding-top: 50px;
}

span.dashboard-Module-Active {
    color: #e14504 !important;
    font-size: 14pt !important;
    font-family: DMSANS-BOLD !important;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    text-transform: uppercase
}

.dasbord-activity-container {
    margin: auto;
    width: 100%;
    text-align: left;
    padding: 0
}

.row.dasbord-activity {
    margin: auto 20px
}

.dasbord-activity-container .circle canvas {
    vertical-align: middle;
    height: 220px;
    width: 221px
}

.common-div-for-activity {
    min-height: 150px
}

.completed-activities-main-div {
    background-color: #fff
}

.completed-activities {
    border: 1.5pt solid #ff9f1a !important
}

.dasbord-Activity-Recommended {
    /*  margin-top: 110px !important*/
    margin-top: 141px !important;
}

.WebProgram .circle span {
    margin-top: 20px;
    margin-left: 10px
}

.WebProgram .progressbar .circle div {
    top: 45px;
    left: 7px
}

.activty_dot_img_background {
    /* background: url(../../Images/Activity_Header1.png),url(../../Images/Activity_Header.png);*/
    /* background: url(../../Images/Activity_Header_Transparent.png);*/
    background: url(../../Images/DotGraphics_Orange_portrait_A4_RGB_04.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 top;
    background-size: 40% 100%;
    width: 100%;
    height: 375px;
    text-align: center;
    padding: 65px 250px;
    font-size: 14pt;
    color: #e14504;
    font-family: DMSans-Bold;
    background-color: #fff5e8 !important;
    padding-left: 300px;
}

div.Activity-Active-Percentage.percentage-for-module-page {
    top: 87px;
    left: 0
}

.glyphicon-color.topdown {
    color: #e14504;
    font-size: 12pt
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    div.progressbar-for-activity .progress-div-line.sleep {
        margin-top: -12px;
        margin-left: 197px;
        width: 383px
    }

    .form-group .register-select {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .navbar-right .dropdown-menu.Register_loign {
        left: -162px !important
    }

    .about_dropDown_div {
        float: right
    }

    .row.progressbar-for-activity {
        margin: 100px auto 10px auto;
        width: 100%
    }

    .sleep .progress-div {
        float: none;
        margin: 10px auto 0 auto
    }
}

.padding-left-11 {
    padding-left: 11px
}

.padding-left-4 {
    padding-left: 4px
}

.Profile-Save-Update-Button:focus {
    outline: 0
}

@media only screen and (min-device-width:320px) and (max-device-width:424px) {
    .Profile-Save-Update-Button {
        margin-left: -49px !important
    }
}

.sleep-activity-bg-img.Solving_problems {
    background-image: url(../../Images/Solving_problems_RGB.png)
}

.tracking-container {
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    text-align: center;
    padding: 65px 0;
    font-size: 14pt;
    color: #000;
    font-family: DMSans-Regular;
    background-position: left 0 top;
    background-size: 390px 100%;
    width: 100%;
    height: 274px;
    line-height: 50.4pt
}

    .tracking-container img {
        width: 23px
    }

.dot-progress-bar {
    width: 230px;
    margin: 0 auto;
    display: table
}

    .dot-progress-bar .dot {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        border: 1.5pt solid #e14504;
        display: inline-block;
        float: left
    }

        .dot-progress-bar .dot.active {
            background-color: #e14504
        }

    .dot-progress-bar .seprator {
        width: 50px;
        height: 2px;
        display: inline-block;
        float: left;
        background-color: #e14504;
        margin-top: 9px
    }

.align-content-center {
    margin: 0 auto;
    text-align: center
}

.getstartedbutton.add-new-entry {
    text-transform: uppercase
}

.tracking li.ng-scope {
    display: block
}

.tracking-setup-container .setup-header {
    text-align: center
}

    .tracking-setup-container .setup-header .header {
        font-family: DMSans-Regular;
        font-size: 42pt;
        line-height: 50pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .header2 {
        font-family: DMSans-Regular;
        font-size: 42pt;
        line-height: 30pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .sub-header {
        font-family: DMSans-Regular;
        font-size: 38pt;
        line-height: 30pt;
        letter-spacing: 0;
        margin: 40px 0
    }

    .tracking-setup-container .setup-header .sub-header-small {
        font-family: DMSans-Regular;
        font-size: 18pt;
        line-height: 21.6pt;
        letter-spacing: 0;
        margin: 30px 0
    }

.tracking-setup-container .Tracking-button-div {
    margin: 50px 0px 10px 0px;
}

.tracking-setup-container .tracking-label {
    font-family: DMSans-Medium;
    font-size: 14pt;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .nav.nav-tabs li {
    width: 24%;
    border-bottom: 4px solid #dcdcdc;
    margin-left: 5px;
    text-align: center;
    pointer-events: none
}

    .tracking-setup-container .nav.nav-tabs li a {
        border: 0;
        font-family: DMSans-Medium;
        font-size: 12pt;
        line-height: 14.5pt;
        letter-spacing: 0;
        width: 100%;
        text-transform: uppercase;
        color: #dcdcdc;
        background-color: transparent
    }

    .tracking-setup-container .nav.nav-tabs li.active, .tracking-setup-container .nav.nav-tabs li.custom-active {
        border-bottom: 4px solid #e14504
    }

        .tracking-setup-container .nav.nav-tabs li.active a, .tracking-setup-container .nav.nav-tabs li.custom-active a {
            color: #e14504
        }

.tracking-setup-container .nav-tabs {
    border: 0;
    text-align: center;
    clear: both;
    margin-bottom: 50px;
    justify-content: center;
    display: flex
}

.tracking-setup-container .tab-content .question {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    letter-spacing: 0;
    text-align: center
}

.tracking-setup-container .slider-container {
    float: left;
    width: 100%;
    margin: 55px 0
}

    .tracking-setup-container .slider-container .left {
        float: left;
        width: 20%;
        text-align: right;
        font-family: DMSans-Medium;
        font-size: 14pt;
        line-height: 16.8pt;
        letter-spacing: 0;
        color: #e14504;
        font-weight: 400;
    }

    .tracking-setup-container .slider-container .slider {
        float: left;
        width: 60%;
        padding: 0 20px
    }

        .tracking-setup-container .slider-container .slider input[type=range] {
            background: -webkit-linear-gradient(right,orange 25%,#ffb753 50%,#ffcf8d 75%,#fff5ed 100%) !important;
            -webkit-appearance: none;
            width: 100%;
            height: 5px;
            outline: 0;
            max-width: 100%;
            border-radius: 50px;
        }

            .tracking-setup-container .slider-container .slider input[type=range]:hover {
                opacity: 1
            }

            .tracking-setup-container .slider-container .slider input[type=range]::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 20px;
                height: 20px;
                background: #e14504;
                cursor: pointer;
                border-radius: 50%;
                border: none;
            }

            .tracking-setup-container .slider-container .slider input[type=range]::-moz-range-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 20px;
                height: 20px;
                background: #e14504;
                cursor: pointer;
                border-radius: 50%;
                border: none;
            }

    .tracking-setup-container .slider-container .right {
        float: left;
        width: 20%;
        text-align: left;
        font-family: DMSans-Medium;
        font-size: 14pt;
        line-height: 16.8pt;
        letter-spacing: 0;
        color: #e14504;
        font-weight: 400
    }

.tracking-setup-container .sub-header-question {
    font-family: DMSans-Regular;
    font-size: 18pt;
    line-height: 21.6pt;
    letter-spacing: 0;
    margin: 30px 0 20px 0;
    text-align: center;
    clear: both;
    float: left;
    width: 100%
}

.tracking-setup-container .tracking-questions label {
    font-family: DMSans-Regular;
    font-size: 14pt;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .tracking-questions select {
    border: 1px solid #e14504 !important;
    border-radius: 5px;
    height: 30px;
    padding: 2px 5px;
    outline: 0;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container .fa.fa-calendar {
    left: 0 !important;
    width: 24px !important;
    top: -3px !important;
    color: #e14504;
    position: relative;
    font-size: 22px
}

.tracking-setup-container .datepicker1 {
    width: 155px;
    border: 0;
    box-shadow: none;
    color: #e14504 !important;
    margin-top: 40px;
    background-color: transparent;
    font-family: DMSans-Regular !important;
    font-size: 16.9pt !important;
    line-height: 20pt !important;
    letter-spacing: 0 !important
}

.tracking-setup-container .Profile-Save-Button {
    width: 176px;
    font-family: DMSans-Medium;
    font-size: 12pt !important;
    line-height: 14.5pt;
    letter-spacing: 0 !important
}

    .tracking-setup-container .Profile-Save-Button.white {
        color: #e14504;
        background-color: #fff
    }

.tracking-setup-container .error {
    /*color: #e14504 !important;*/
    color: red;
    font-size: 14pt !important;
    width: 100%;
    float: left
}

.tracking-setup-container .mar-bottom-20 {
    margin-bottom: 20px
}

.track-setup-wrapper {
    min-height: 500px
}

.dashboardHeader .add-new-entry {
    margin-bottom: 100px
}

.tracking-graph-container {
    padding: 20px 15px
}

    .tracking-graph-container input[type=checkbox] {
        display: none
    }

        .tracking-graph-container input[type=checkbox] + .cr .cr-icon:before {
            content: '';
            background-color: transparent;
            border-radius: 50px
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .cr-icon:after {
            content: ' ';
            left: 5px;
            top: -5px;
            width: 5px;
            height: 8px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            position: absolute;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.fourth.cr-icon:before {
            content: '';
            background-color: #dae3e5
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.first.cr-icon:before {
            content: '';
            background-color: #ff9f1a
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.second.cr-icon:before {
            content: '';
            background-color: #fe0f7a
        }

        .tracking-graph-container input[type=checkbox]:checked + .cr .glyphicon-ok.thrid.cr-icon:before {
            content: '';
            background-color: #e14504
        }

.tracking-setup-container::before {
    content: '';
    background-repeat: no-repeat;
    background-position: right 0 bottom;
    background-size: 75% 300px;
    display: table;
    position: absolute;
    opacity: .1;
    width: 100%;
    height: 100%;
    display: table;
    bottom: 0;
    right: 0
}

.tracking-setup-container.remove-background {
    background: 0 0
}

.tracking-graph-container .add-an-entry {
    font-size: 12.096pt;
    font-family: DMSans-Medium;
    text-decoration: none;
    line-height: 14.515pt;
    background-color: #e14504;
    padding: 15px 25px;
    border-radius: 28px;
    color: #fff;
    outline: 0;
    box-shadow: unset;
    border: 0;
    margin-top: -40px !important;
}

.tracking-graph-container .lower-button-tracking a {
    font-size: 14pt;
    font-family: DMSans-Medium;
    text-decoration: none;
    line-height: 16.08pt;
    color: #e14504 !important;
    margin-left: 15px
}

.tracking-graph-container .your-tracking {
    font-size: 33pt;
    font-family: DMSans-Regular;
    text-decoration: none;
    line-height: 39.6pt;
    color: #e14504;
    margin-bottom: 20px
}

.tracking-setup-container .error {
    font-family: DMSans-Medium;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: 0
}

.tracking-setup-container input::-webkit-input-placeholder {
    color: #e14504 !important
}

.tracking-setup-container .tracking-questions input::-webkit-input-placeholder {
    color: #dcdcdc !important
}

.tracking-graph-container .filter-section .add-an-entry {
    width: 100%;
    text-transform: uppercase;
    padding: 10px;
    border: 1pt solid #e14504;
    margin-bottom: 30px;
}

.tracking-graph-container .add-an-entry.white {
    color: #e14504;
    border: 1pt solid #e14504;
    background-color: #fff
}

    .tracking-graph-container .add-an-entry.white:hover, .tracking-graph-container .add-an-entry:hover, Button.Tracking-button:hover {
        background: #ae411c;
        transition: .35s ease
    }

    .tracking-graph-container .add-an-entry.white:hover {
        color: #fff
    }

.tracking-graph-container select {
    width: 100%;
    padding: 6px 22px 6px 10px;
    border: 1px solid #e14504;
    border-radius: 50px;
    color: #e14504;
    background: #fff;
    float: right;
    outline: 0;
    text-transform: uppercase
}

    .tracking-graph-container select.active {
        border: 1px solid #e14504;
        color: #fff !important;
        background: #e14504
    }

.favouriteSnippets .Snippets-Your-Favourite {
    font-size: 33pt !important;
    font-family: DMSans-Regular !important;
    letter-spacing: 0;
    color: #e14504 !important;
    line-height: 39.6pt;
    letter-spacing: 0
}

.favouriteSnippets .Snippet-About-DropDown {
    text-transform: uppercase;
    line-height: 14.4pt;
    letter-spacing: 0 !important;
    font-size: 12pt !important;
    font-family: DMSans-Medium !important;
    width: 151.256px;
    height: 36.061px !important;
    border: 1.5pt solid #000 !important;
    color: #000 !important;
    padding: 3px 20px;
    padding-left: 20px !important;
    border-radius: 50px;
    background-image: url(../../Images/DownArrow_White.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 15px top 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 30px;
    -moz-padding-end: 30px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: transparent;
    margin-top: 5px;
}

.favouriteSnippets .Snippets-Edit {
    font-size: 14pt !important;
    line-height: 16.82pt;
    font-family: DMSans-Medium !important
}

.favouriteSnippets .setting:before {
    content: url(../../Images/Settings.png)
}

.module-keep-learning .panel-group {
    margin-bottom: 160px
}

.favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Author {
    line-height: 24pt
}

.carousel_div .favoriteSnippet_owl_carousel.owl-carousel .owl-item img {
    width: 20px;
    height: 20px
}

.margin-top-25 {
    margin-top: 25px
}

.lower-button-tracking {
    padding-left: 5px;
    margin-bottom: 30px !important;
}

    .lower-button-tracking a img {
        margin-right: 5px
    }

.favouriteSnippets .checkbox .cr {
    border-radius: 50px;
    border: 1.5pt solid #000;
}

.owl-carousel .owl-nav.disabled.not_disabled {
    display: block
}

.favouriteSnippets .Profile-Tracking-Reminder-Checkbox, .favouriteSnippets .Snippets-SnippetTypeData {
    font-family: DMSans-Medium !important;
    font-size: 14pt !important;
    color: #000 !important;
    padding-top: 0;
    line-height: 16.8pt;
    vertical-align: middle
}

.Snippet_header {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 335px;
    width: 100%;
    text-align: center;
    padding-top: 60px;
    background: url(/Images/Snippet.png),url(/Images/Snippets_Splash.png);
    background-position: right 0 top,left 0 top 0;
    background-size: 57% 100%,100% 100%;
    background-repeat: no-repeat
}

.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 20px;
    margin-left: 0;
    transform: translate(0,0) rotate(130deg) scale(.5,.5)
}

.favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 105px;
    margin-left: 0;
    transform: translate(0,0) rotate(130deg) scale(.5,.5)
}

.favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 105px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(0,0) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets #favoriteSnippet_myCarousel .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 20px;
    font-size: 30px;
    margin-left: 0;
    transform: translate(0,0) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets .favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Text {
    font-size: 18pt !important;
    font-family: DMSans-Medium !important;
    color: #000 !important;
    line-height: 21.8pt;
    margin-top: 40px !important
}

.favouriteSnippets div.carousel.custom-carousel div.item.snippetData {
    background-color: transparent
}

.favouriteSnippets .Snippet-FavoriteSnippetData-Author, .favouriteSnippets .Snippet-FavoriteSnippetData-Text {
    font-size: 29pt !important;
    line-height: 34.8pt;
    color: #e14504 !important
}

.favouriteSnippets .Snippet-FavoriteSnippetData-Author {
    font-size: 14pt !important;
    line-height: 34.8pt;
    color: #e14504 !important
}

.ViewSnippet .Dashboard-ViewSnippet {
    border: none
}

.favouriteSnippets .media-left {
    padding-right: 0
}

.favouriteSnippets .snippetType {
    padding-right: 5px
}

.favouriteSnippets .carousel-control.right {
    opacity: 1 !important
}

div.activeModulePanelDashboard div.circle {
    height: 220px !important;
    width: 220px !important
}

.popover .popover-title {
    background: #fff;
    color: #e14504;
    font-size: 14pt;
    font-family: DMSANS-Bold
}

.popover .notification-link {
    color: #000;
    padding-top: 10px;
    margin-left: -15px;
    font-size: 10pt;
    font-family: DMSANS-MEDIUM;
    padding-left: 10px !important;
}

.popover .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10pt;
    font-weight: 700;
    line-height: 1;
    color: #e14504;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: TRANSPARENT;
    border-radius: 10px;
    font-family: DMSans-Bold;
    padding-left: 7px;
    padding-right: 0px;
}

.badge.bell-badge {
    color: #000;
    background-color: #bfbfbf
}

.notification-popover .notification-bell {
    color: #e14504
}

.popover.bottom .arrow:after {
    border-bottom-color: #e14504
}

.from-your-responses-message {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    line-height: 16.8pt;
    letter-spacing: .4px !important
}

.btn-Continue-from-your-responses {
    color: #fff !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 0 !important;
    padding-left: 36px;
    padding-right: 36px;
    padding: 10px 25px 5px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    float: right;
    background: #e14504;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 212px;
    min-height: 44px;
    text-align: center;
    margin-top: 60px;
    font-weight: 500
}

    .btn-Continue-from-your-responses:hover {
        background: #e14504 !important;
        transition: .35s ease;
        color: #fff !important
    }

.register-gender-option {
    font-size: 14pt !important;
    font: -moz-pull-down-menu
}

.knowledgeCentre-buttons .knowledgeCentre-InterestArea {
    border: 2px solid #e14504 !important
}

.from-your-responses-message-div p {
    color: #000 !important
}

.from-your-responses-message-width {
    width: 100%
}

.myCompass-has-demonstrated-padding {
    padding-left: 1px !important
}

.symptomModal-box-width {
    width: 100% !important
}

.welcomeModal .customskipbtn {
    margin-left: 10px !important
}

.ipad-margin-top-about .padding-home-button {
    background: 0 0 !important
}

.margin-top-10 .knowledge-header-margin {
    margin-top: 25px !important
}

.Home_Splash-text-width .get-started-button {
    background: 0 0 !important;
    margin-left: 80px
}

.about_SelfAssessment .accordion-content-padding {
    padding: 20px 4px !important
}

.about_SelfAssessment .about-home-content .accordion-content ul {
    padding: 15px 15px 0 24px !important
}

.Home_Splash-text-width .get-started-button:hover {
    background: #e14504 !important
}

@media only screen and (min-width:414px) and (max-width:926px) {
    div.about_SelfAssessment .panel-group.padding-bottom-20 {
        padding: 0 15px !important
    }

    div.about_SelfAssessment .padding-left-right-30px.about-program-depression-padding {
        padding-left: 1px
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 1px !important
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    div.about_SelfAssessment .padding-left-right-30px.about-program-depression-padding {
        padding-left: 1px
    }

    div.about_SelfAssessment .panel-group.padding-bottom-20 {
        padding: 0 15px !important
    }

    div.about_SelfAssessment .custom-anchor.padding-left-right-30px {
        padding-left: 1px
    }

    div.about_SelfAssessment div.accordion-collapse-in-bgcolor {
        padding: 7px 15px 15px 1px !important
    }
}

.Register-Continue-Style .Profile-Save-Button.button-orange:hover {
    background: #e14504 !important;
    color: #fff !important;
}

.printable-brochures-button-div .padding-share-button-style {
    background: 0 0;
    border: 1.5pt solid #e14504
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: -50px !important
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard .text-right.back-btn {
        padding-left: 15px;
    }

    .footer-menu-width {
        display: block;
        clear: both
    }

    .row.footer-elements {
        padding-left: 10px
    }

    .text-right.back-btn {
        padding-left: 0
    }

    body div.container.footerHome.removeRow {
        padding: 20px 20px !important
    }

    .container-fluid div.row.PrimaryGraphics {
        background-size: 50% 100% !important;
        background-position: right 0 bottom 0 !important;
        height: auto;
    }

    .actives_div .col-md-offset {
        margin-left: 22px
    }

    .footerHome .black-Dog-Institute-width {
        width: 100%
    }

    .takeSelf-Assessment-div .takeSelf-Assessment-desc {
        width: 100% !important
    }

    .margin-top-20 .visible-mobile {
        display: none !important
    }

    .featureSnippet.self-assesment {
        background-image: none
    }

    .self-assesment .border-bottom-Zero {
        padding-bottom: 30px
    }

    .self-assement-container-div .self-assement-container {
        width: 250px;
        float: none;
        clear: both;
        margin: 0 auto;
        padding-top: 20px
    }

    .activity-container .Dashboard-ViewSnippet {
        margin-bottom: 33px
    }

    .filter-section .tracking-dropdown-div {
        margin-top: 10px
    }
}

.max-width-12px {
    max-width: 15px
}

.padding_top_60 {
    padding-top: 60px
}

.row.module-box.myCompass-BasicStatus {
    margin-right: 15px;
    padding: 15px;
    margin-top: 45px;
}

.favouriteSnippets .glyphicon.glyphicon-chevron-right {
    position: absolute;
    top: 30px;
    font-size: 30px;
    margin-left: 8px;
    transform: translate(-64px,-64%) rotate(135deg) scale(.5,.5)
}

.favouriteSnippets .glyphicon.glyphicon-chevron-left {
    position: absolute;
    top: 30px;
    margin-left: -15px;
    transform: translate(-30px,-60%) rotate(315deg) scale(.5,.5)
}

.favouriteSnippets .carousel.font-Montserrat-light.slide.col-md-12.custom-carousel {
    width: 70%;
    margin-bottom: 100px;
    min-height: 350px
}

.favouriteSnippets .carousel_div .favoriteSnippet_owl_carousel.owl-carousel .owl-item img.img-handsign-hover {
    width: 30px;
    height: 30px
}

center-block.img-handsign-hover.fav-snippet-img {
    width: 73px;
    height: 84px;
    margin: 15px auto
}

.favouriteSnippets .cr:checked ~ .checkmark {
    background-color: #ff9f1a
}

.favouriteSnippets .cr .glyphicon-ok.first:before {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.favouriteSnippets .checkbox label input[type=checkbox]:checked ~ .cr > .cr-icon {
    left: 9px !important
}

.favouriteSnippets .checkbox label input[type=checkbox]:checked ~ .cr {
    background: #e14504;
    border: none
}

.browseSnippets.margin-top-20 {
    margin-bottom: 0
}

.dasbord-activity-container .Dashboard-ViewSnippet {
    text-transform: uppercase;
    color: #e14504;
    border: 1.5pt solid #e14504
}

.sleep-activity-bg-img.Building_calm._and._relaxation {
    background-image: url(../../Images/Breathe-Building_calm_and_relaxation_RGB.png)
}

.sleep-activity-bg-img.Communicating_clearly {
    background-image: url(../../Images/Communicating_clearly_RGB.png);
    background-size: 57% 80%
}

.sleep-activity-bg-img.Managing_loss_and_major_life_change {
    background-image: url(../../Images/Managing_loss_and_major_life_change_RGB.png);
    background-size: 50% 80%
}

.sleep-activity-bg-img.Doing_what_really_counts {
    background-image: url(../../Images/Doing_what_really_counts-diabetes_RGB.png);
    background-size: 85% 70%
}

.sleep-activity-bg-img.Managing_fear_and_anxiety {
    background-image: url(../../Images/Managing_fear_and_anxiety_RGB.png);
    background-size: 40% !important;
    background-position: bottom 55px right 132px
}

.sleep-activity-bg-img.Managing_stress_and_overload {
    background-image: url(../../Images/Managing_stress_and_overload_RGB.png)
}

.carousel.favoriteSnippet_owl_carousel.slide .Snippet-FavoriteSnippetData-Text {
    font-size: 18pt !important
}

.snippetType.Tips {
    padding-right: 0;
    width: 20%
}

.favouriteSnippets .snippetType {
    padding-right: 0
}

.Motivational {
    padding-left: 0;
    width: 46%
}

div.alert-info {
    font-family: DMSans-Regular;
    font-size: 12pt;
    background: #fff;
    border: 1pt solid #e14504
}

.browseSnippets {
    background-image: url(/Images/Snippets_Browse_Image.png),url(/Images/Snippets_Browse_Image_Corner.png);
    background-position: right 11% bottom 28px,left 0 top 0;
    background-repeat: no-repeat;
    background-size: 432.09px 320.52px,1361.56px 1026.28px;
    padding: 20px;
    height: auto;
    background-color: #fbfcfc
}

.favouriteSnippets .browseSnippets .carousel-indicators .active {
    background-color: transparent
}

.no_snipeet {
    width: 70%;
    margin-bottom: 100px;
    min-height: 350px;
    color: #404040 !important;
    font-family: DMSANS-Medium !important;
    font-size: 18pt !important;
    letter-spacing: 2px !important;
    line-height: 16.8pt;
}

.sessiondescription strong.black {
    color: #000 !important;
    font-size: 18pt !important
}

.register-selfassessment .commondQuestionHeaderDiv {
    padding: 60px 10px 20px 5px
}

li::marker {
    color: #e14504 !important;
    width: 8pt !important;
    height: 8pt !important;
    /*    font-size: 27pt;*/
    border: 2pt solid #e14504 !important;
    content: inherit !important;
    border-radius: 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    background-color: transparent;
}

.Share-myCompass-heading {
    font-family: DMSANS-REGULAR;
    font-size: 42pt !important;
    height: 210px;
    width: 100%;
    text-align: center;
    font-weight: 500 !important;
    line-height: 61.6px !important;
    /*   margin-top: 20px !important;*/
    margin-top: -15px !important;
    margin-bottom: 10px !important
}

.printable-brochures-main-div {
    top: 0 !important
}

.knowledge-header {
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 top;
    background-size: 550px 100%;
    width: 100%;
    height: 375px;
    text-align: center;
    padding: 65px 0;
    font-size: 14pt;
    color: #e14504;
    font-family: DMSans-Bold
}

.rounded_img-div .rounded_img {
    border-radius: 50%;
    min-height: 300px;
    width: 300px !important
}

.Knowledge .left .glyphicon-menu-left:before {
    content: url(../../Images/glyphicon-menu-left.png)
}

.Knowledge .left .glyphicon-left-right {
    transform: scale(.5) rotate(140deg)
}

.Knowledge .right .glyphicon-menu-right:before {
    content: url(../../Images/glyphicon-menu-right.png)
}

.Knowledge .right .glyphicon-left-right {
    transform: scale(.5) rotate(320deg)
}

li::marker {
    font-size: 18pt;
    color: #ff9f1a !important
}

.Knowledge .circle span {
    margin-top: 48px;
    font-size: 14.17pt;
    line-height: 18.15pt;
    color: #e14504;
    font-family: DMSans-Regular
}

.Knowledge .circle div {
    top: 70px;
    font-size: 40.38pt;
    line-height: 20.19pt;
    color: #e14504;
    font-family: DMSans-Regular
}

.Knowledge .accordion-float-left {
    float: left
}

.depression-factsheet-link {
    color: #000 !important;
    font-size: 18pt;
    line-height: 23pt;
    font-family: DMSans-Regular
}

    .depression-factsheet-link a {
        color: #e14504 !important
    }

.Knowledge .Further-Reading {
    margin-bottom: 10px
}

.Knowledge .accordian-content-margin {
    margin-bottom: 10px
}

.Knowledge .accordion-content-padding.further-Reading-padding {
    padding-top: 0 !important;
}

.Knowledge .left .glyphicon-menu-left, .Knowledge .right .glyphicon-menu-right {
    cursor: pointer
}

.Knowledge .knowledgecenter-Tab-Heading {
    font-size: 18px !important
}

.Knowledge a {
    color: #616161 !important;
    word-break: break-word;
    text-decoration: underline #e14504;
    -webkit-text-decoration: underline #e14504;
    box-shadow: none !important;
    -webkit-text-decoration-color: #e14504 !important;
}

    .Knowledge a:hover {
        color: #e14504 !important;
        text-decoration: none;
    }

.Knowledge .knowledgeCentreItems {
    width: 96% !important
}

.Knowledge .table-bordered.mousehandicon span.fa-chevron-down:before {
    content: "\f078"
}

.Knowledge .table-bordered.mousehandicon.collapsed span.fa-chevron-down:before {
    content: "\f077"
}

.Knowledge .progress_bar-margin-top-60 {
    margin-top: 60px
}

.Knowledge .btn-return-to-dashboard {
    border: 2px solid #e14504 !important;
    margin-left: 0
}

.Knowledge .complete-font-size {
    font-size: 20px
}

.Knowledge .accordion-content-padding {
    padding: 8px 0 !important
}

.Knowledge .icons-wrapper {
    height: 157px;
    display: flex;
    align-items: center
}

@media only screen and (max-width:767.8px) {
    div.tracking-graph-container .chart-wrapper::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        background-color: #e8e8e8;
        border-radius: 50px
    }

    div.no_snipeet {
        width: 100%;
        text-align: center;
    }

    .padding-for-mobile {
        padding-top: 60px;
    }


    .tacking_div {
        padding-left: 9.5%;
        padding-right: 3.5%;
    }


    div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #e8e8e8;
    }

    div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-thumb {
        background: #ff9f1a;
        border-radius: 50px
    }

    div.track_padding_left_0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #reflectingOnTrackingdiv.collapse.in .reflectingOnTracking {
        float: left;
        background-color: #ecf1f2;
        min-height: 500px;
        background-repeat: no-repeat;
        background-image: url(../../Images/Track.png);
        background-position: right 0 bottom 0;
        height: 1200px;
        background-size: 100%;
    }

    .tracking-Tab-Heading {
        color: black !important;
        font-size: 18pt;
    }

    #reflectingOnTrackingdiv.collapse.in .reflectingOnTracking p.tracking-analysis-description-2 {
        color: #000 !important;
        font-family: DMSans-Regular;
        letter-spacing: 0;
        font-weight: 400 !important;
        line-height: 21.6pt;
        font-size: 18pt;
    }

    #reflectingOnTrackingdiv.collapse.in .reflectingOnTracking ul li .tracking-analysis-description-2 {
        padding-left: 0px;
    }

    .only-for-tracking-pages #reflectingOnTrackingdiv.collapse.in .reflectingOnTracking p.tracking-analysis-description-2 {
        padding-left: 20px;
    }

    .Profile .QuestionnaireRadio .Profile-Save-Button.button-orange {
        width: 75% !important;
    }

    .container-register.share_myCompass {
        padding-left: 15px !important;
    }


        .container-register.share_myCompass button.share-myCompass-button {
            margin-left: 0px !important;
        }

        .container-register.share_myCompass .submit_button_div {
            display: flex;
            justify-content: center
        }

    .lower-button-tracking .profile_Questionnaire {
        margin-left: 9% !important;
    }

    .body-content div.tracking-header {
        height: 200px;
        background: url(/Images/Tracking_Splash.png),#fff5e8;
        background-repeat: no-repeat;
        background-position: left 0px bottom 0px;
        background-size: 400px 500px;
        padding-top: 60px !important;
    }

    div.favouriteSnippets .browseSnippets .display_flex.about_dropDown {
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: center
    }

    div.favouriteSnippets .browseSnippets .display_flex .about_dropDown_div {
        padding-right: 0px;
        padding-left: 0px;
    }

        div.favouriteSnippets .browseSnippets .display_flex .about_dropDown_div.author {
            padding-right: 0px;
        }
    /*  div.favouriteSnippets .browseSnippets .display_flex .Snippet-About-DropDown {
        background-position: right 10px top 13px;
    }*/
    div.popover {
        max-width: 300px;
    }

    div.Activity-Completing-Heading {
        padding-left: 15px;
        padding-right: 15px;
    }

    .Profile .media-body, .Profile .media-left, .Profile .media-right {
        vertical-align: middle;
    }

    h4.Dashboard-FeatureSnippet {
        letter-spacing: 0 !important;
        font-size: 21pt !important;
    }

    div.margin-padding-additionalinfo select#HealthProfessionalType {
        width: 286px !important;
    }

    div.Knowledge .btn-return-to-dashboard {
        margin-left: unset !important;
        display: flex;
        justify-content: center
    }

    div.Activity-Landing-Heading {
        font-size: 30pt !important;
        line-height: 30pt;
    }

    .tracking-questions {
        clear: both;
    }

    div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: 0px;
    }

    .Knowledge .progressbar {
        width: 100%
    }

    .Knowledge .icons-wrapper.left div {
        position: relative;
        left: 47px
    }

    .Knowledge .icons-wrapper div {
        position: relative;
        right: 46px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:325px) {
    .Knowledge .progressbar {
        margin-top: 30px
    }

    div.tracking-setup-container .slider-container .left {
        top: 24px
    }

    .Knowledge .complete-font-size {
        font-size: 15px
    }

    .Knowledge .rounded_img-div .rounded_img {
        width: 216px !important;
        min-height: 216px
    }

    .Knowledge .right .glyphicon-left-right {
        top: 20px
    }

    .Knowledge .left .glyphicon-left-right {
        transform: scale(.5) rotate(140deg);
        top: 30px
    }

    .Knowledge .circle div {
        top: 60px;
        width: 100%;
        text-align: center
    }

    .Knowledge .circle span {
        width: 100%;
        text-align: center;
        margin-top: 30px
    }

    .Knowledge .icons-wrapper {
        height: 180px;
        display: flex;
        align-items: center
    }

    .btn-return-to-dashboard {
        margin-left: -13px !important
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) {
    .Knowledge .rounded_img-div .rounded_img {
        min-height: 267px;
        width: 278px !important
    }

    .header-right img.bdiImgMobile {
        margin-top: 14px !important;
    }
}

@media (min-width:1200px) {
    .Knowledge .btn-return-to-dashboard {
        font-size: 18px !important;
        display: none
    }

    .Knowledge .circle canvas {
        height: 190px !important;
        width: 190px !important
    }

    #myCompassNavbar li.professional {
        margin-right: 50px;
        margin-left: 0px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .rounded_img-div .rounded_img {
        min-height: 227px;
        width: 232px !important
    }


    .circle canvas {
        vertical-align: middle;
        height: 154px;
        width: 165px
    }

    .Knowledge .btn-return-to-dashboard-div {
        margin-left: 65px
    }

    Knowledge .circle canvas {
        height: 154px !important;
        width: 165px !important
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
    .Knowledge .btn-return-to-dashboard {
        width: 258px !important;
        margin-left: -72px !important
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .tracking .your_traking {
        padding-left: 0px;
        padding-right: 0px;
    }

    body div.tracking-setup-container .tracking-questions select {
        max-width: 400px !important;
        background-image: url(http://cl-rebranding.mycompass.org.au/Images/ArrowUp.png);
        -webkit-appearance: none;
        background-position: right center;
        background-repeat: no-repeat no-repeat;
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) {
    .Knowledge .knowledgecenter-Tab-Heading {
        margin-left: -7px
    }
}

.Knowledge .lnkShowNext-div .lnkFinishTab {
    margin-top: 65px
}

li::marker {
    color: #e14504 !important;
    width: 8pt !important;
    height: 8pt !important;
    /*    font-size: 27pt;*/
    border: 2pt solid #e14504 !important;
    content: inherit !important;
    border-radius: 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background-clip: content-box;
    background-color: transparent;
}

.Activity-Landing-Description ul li strong {
    vertical-align: unset;
    top: 0
}

.tracking-graph-container .filter-section .add-an-entry.last-days {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 9px center;
    transition: none;
    text-align: center;
    margin-bottom: 15px
}

    .tracking-graph-container .filter-section .add-an-entry.last-days.white {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: right 9px center
    }

.whiteButton.height-buttonwhite.topUp-div {
    background: 0 0
}

.inner-topUp-div {
    display: table-cell;
    vertical-align: middle;
    height: 62px;
    /* padding-top: 20px*/
    padding-top: 0px;
}

.main-topUp-div {
    width: 100%;
    display: table
}

.inner-completed {
    display: table-cell;
    vertical-align: middle;
    height: 65.79px;
    padding: 10px 0;
    line-height: 19px
}

.percentComplete-span {
    float: right;
    margin: -8px 0;
    color: #e14504;
    position: absolute
}

.sessiondescription strong.black {
    line-height: 22pt
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 10px;
    background-color: #e8e8e8;
    border-radius: 50px
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color: #e8e8e8;
}

div.tracking-graph-container .chart-wrapper::-webkit-scrollbar-thumb {
    background: #ff9f1a;
    border-radius: 50px
}



.mobile-self-assement-div .fa-chevron-up:before {
    font-size: 10pt
}

.selfAssesmentResultModal-header .modal-title {
    font-family: DMSANS-MEDIUM;
    font-size: 28pt;
    color: #e14504;
    line-height: 54pt
}

div.selfAssesmentResultModal-body div.selfassestextsizecontent p {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important
}

.selfAssesmentResultModal-footer .btn:hover {
    background-color: #e14504;
    color: #fff !important
}

.favouriteSnippets .favoriteSnippet_owl_carousel .Snippet-FavoriteSnippetData-Author {
    font-size: 14pt !important;
    line-height: 34.8pt;
    color: #000 !important;
    font-family: DMSans-Regular !important
}

span.checkmark.enableTraking {
    margin-top: 4px
}

.progress-wrapper {
    width: 220px;
    padding: 0
}

.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .snippetNotificationAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .trackingReminderAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    background-color: TRANSPARENT !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    min-width: 105px !important;
    padding: 0 10px !important;
    letter-spacing: 0;
    border: 2px solid #e14504 !important
}

.Profile-Snippet-Setup-Description-type {
    color: #e14504 !important;
    font-family: DMSans-Medium !important;
    line-height: 16.8pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.checkmark-defaultSnippetTypes {
    margin-left: 20px !important
}

.icons-wrapper.left {
    flex-direction: row-reverse
}

.textalign {
    padding-top: 7px !important
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background-color: TRANSPARENT !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    height: 124px
}

.font14 {
    font-size: 14pt !important;
    font-family: DMSANS-MEDIUM !important;
    color: #bcbcbc !important
}

.sleep-activity-bg-img.tracking_Unhelpful_Thinking {
    background-image: url(../../Images/Tackling_unhelpful_thinking_RGB.png)
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 98px !important
    }
}

div.Snippet-About-DropDown option {
    text-transform: uppercase
}

.sessiondescription {
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (min-device-width:375px) and (max-device-width:812px) {
    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        width: 220px !important
    }

    div.first_question {
        left: 5.8%
    }

    .register-selfassessment .first_question {
        left: 7.333333%;
    }
}

.Profile.row {
    margin: 0
}

.sleep-activity-bg-img.Taking_Charge_Of._Worry {
    background-image: url(../../Images/Taking_charge_of_worry_RGB.png);
    width: 100%;
    height: 50%;
    background-position: bottom 55px right 0
}

.sleep-activity-bg-img.Building_happiness_And_Wellbeing {
    background-image: url(../../Images/Building_happiness_and_wellbeing_RGB.png);
    width: 100%;
    height: 50%;
    background-position: bottom 55px right 0
}

.sleep-activity-bg-img.Increasing_Pleasurable_Activities {
    background-image: url(../../Images/Increasing_pleasurable_activities_RGB.png)
}

.sleep-activity-bg-img.Man_Central {
    background-image: url(../../Images/Managing_depression_for_men_RGB.png);
    width: 40%;
    height: 40%
}

label.control-label.Profile-Detail-Labels.right-side {
    margin-left: 20%
}

.Profile .fa-info-circle {
    font-size: 17px !important;
    position: absolute;
    color: #000 !important
}

.Profile .required {
    color: #000 !important
}

.Profile .rzslider .rz-pointer {
    background-color: #e14504 !important;
    background-image: none !important;
    border: 1px solid #e14504 !important;
    height: 20px;
    width: 20px;
    top: -10px
}

.Profile .custom-slider.rzslider .rz-bar {
    border: none !important;
    background-image: none;
    background: -webkit-linear-gradient(right,orange 25%,#ffb753 50%,#ffcf8d 75%,#fff5ed 100%)
}

.Profile .numberlist.Profile-Options-Header span {
    font-size: 14pt !important;
    font-family: DMSANS-REGULAR
}

.Profile button.continueclr1.loginbtn.continue1.Save-Button-Modal {
    margin-left: 0;
    border: 1.5pt solid #e14504;
    width: 170px;
    padding: 0;
    text-transform: UPPERCASE;
    font-family: DMSANS-MEDIUM !important;
    border-radius: 24px;
    color: #e14504 !important
}

.Profile .modal-body {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b
}

.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff !important;
    border: 1.5pt solid #e14504 !important;
    width: 215px !important;
    padding: 12px 2px;
    justify-content: center;
    height: 49px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    text-transform: uppercase;
    padding-right: 0;
    border-radius: 24px
}

button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button:hover {
    color: #fff;
    background-color: #e14504
}

.Profile .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    background: #fff !important;
    border: 1.5px solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px
}

.Profile .modal-contentQuestionnaire {
    background: #fff;
    border: 1.5pt solid #e14504;
    min-width: 240px
}

.Profile .continue1 {
    padding-bottom: 4px !important;
    padding-top: 4px !important
}

.Profile .continueclr1 {
    float: unset;
    color: beige;
    background: #fff !important;
    border: 1.5px solid #e14504;
    width: 176px;
    height: 36px;
    font-family: DMSANS-MEDIUM
}

.Profile .QuestionnaireNotAtAll {
    position: absolute;
    padding-left: 40% !important;
    font-size: 12pt !important;
    font-family: DMSANS-REGULAR;
    margin-bottom: 10px
}

.Profile .QuestionnaireExtremely {
    position: absolute;
    padding-left: 98% !important;
    font-size: 12pt !important;
    font-family: DMSans-Regular
}

.Profile .Profile-Detail-inputs {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    line-height: 23pt;
    height: 46px;
    max-width: 350px !important;
    width: 300px;
    border: 1px solid #e14504 !important;
}

.Profile select.form-group.form-control.Profile-Detail-inputs {
    background-image: url(/Images/ArrowUp.png);
    background-repeat: no-repeat;
    background-position: right;
    -webkit-appearance: none;
}

.Profile .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff !important;
    border: 1.5pt solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px;
    text-transform: UPPERCASE
}

    .Profile .Continue-Button-Modal:hover {
        color: #fff !important;
        background: #e14504 !important;
        text-decoration: none !important
    }

.Profile .Save-Button-Modal {
    color: #31251b !important;
    font-family: DMSANS-REGULAR !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    border: none;
    margin-bottom: 10px !important
}

.Profile .Profile-Questionnaire-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile .Profile-Questionnaire-Question-Heading {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile .ProfileModalbody {
    font-family: DMSANS-REGULAR !important;
    font-size: 14pt !important;
    color: #31251b !important
}

.table-bordered.panel.panel-hide-show1.accordion-bgcolor.no-border {
    border-top: none !important
}

.Profile .tooltip-inner {
    padding: 3px 8px;
    text-align: center
}

.profiling-Questionnaire-btn {
    justify-content: center;
    display: flex
}

.tracking-setups {
    justify-content: center;
    margin-left: 0
}

.Profile div.selfAssesmentResultModal-body div.selfassestextsizecontent {
    color: #e14504
}

.Profile .selfAssesmentResultModal-dialog {
    border: 1.5pt solid #e14504
}

.graph-tooltip {
    background-color: #dcdcdc;
    font-family: DMSans-Bold !important
}

.Profile .self-asessment-options p.padding_10 {
    text-align: center
}

.Profile p.takeSelf-Assessment-desc {
    font-size: 18pt !important;
    line-height: 23pt;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.Profile button.continueclr1.loginbtn.continue1.Save-Button-Modal:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.completed-activities {
    box-shadow: 0 1px 2px 0 #888;
    border: none !important
}

.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button:hover {
    background-color: #e14504 !important;
    color: #fff !important
}

.Profile .featureSnippet.self-assesment {
    padding-top: 0 !important;
    background-image: none !important
}

.notification {
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    line-height: 16.8pt;
    letter-spacing: 0 !important;
    color: #000;
}

.question .not_round_img img, .question.not_round_img .round_img img {
    border-radius: 0 !important
}


.ProfileModal-dialog div h4 u, .resultselfpadding1 div h4 u {
    text-decoration: none !important
}

.selfassessmentpadding.Profile-page .featureSnippet.self-assesment {
    min-height: 485px !important;
    height: auto
}

div.about-home-content span.color-black {
    color: #000 !important
}

.checkmark.enableTraking {
    font-size: 18px
}

div.padding-send.tracking-reminder-setup {
    padding-left: 10px
}

div.Profile .ProfileModal-dialog {
    width: auto
}

div.Profile .modal-contentQuestionnaire {
    min-width: unset;
    width: auto
}

.ProfileModal-dialog h2, .ProfileModal-dialog h4 {
    font-family: DMSANS-REGULAR !important;
    font-size: 18pt !important;
    line-height: 23pt
}

.ProfileModal-dialog .selfassestextsizecontent p {
    color: #000 !important;
    font-family: DMSANS-REGULAR !important;
    line-height: 20pt;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important
}

.tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab, .tracking-pages a.radius-0.take-screener-tab.anxiety, .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs {
    line-height: 26.4pt;
    border: none;
    background: 0 0;
    font-size: 22pt !important
}

    .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs li.active {
        border-bottom: 4px solid orange
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:hover, .tracking-pages a.radius-0.take-screener-tab.anxiety:hover {
        background-color: transparent;
        line-height: 26.4pt;
        border: none;
        font-size: 22pt !important
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:focus, .tracking-pages a.radius-0.take-screener-tab.anxiety:focus {
        background-color: transparent;
        line-height: 26.4pt;
        border: none;
        font-size: 22pt !important
    }

.tracking-pages a:focus:hover, a:hover {
    text-decoration: none;
    color: #000 !important
}

.tracking-pages .Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 26.4pt !important
}

.tracking-pages .table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    margin: 0
}

.tracking-pages span.header-item b {
    font-size: 22pt;
    color: #e14504 !important;
    line-height: 26.4PT;
    font-family: DMSans-Medium
}

.tracking-pages .tracking-analysis ul {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: unset !important;
    list-style-image: none !important;
    padding-left: 0;
    font-size: 18pt
}

.tracking-pages .tracking-analysis li::marker {
    color: transparent !important;
    width: 13.87px !important;
    height: 13.87px !important;
    font-size: 27pt
}

.tracking-pages .tracking-analysis ul li b {
    color: #e14504 !important;
    font-family: DMSANS-BOLD;
    font-size: 18pt;
    letter-spacing: 0;
    font-weight: unset !important
}

.tracking-pages .table-bordered.padding.tracking-setup {
    padding-bottom: 0 !important
}

.container.tracking-pages.track-bg {
    float: left;
    background-color: #ecf1f2;
    min-height: 500px;
    background-repeat: no-repeat;
    background-image: url(../../Images/Track.png);
    background-position: right 0 bottom 0
}

.tracking-pages .tracking-analysis-description-2 {
    color: #000 !important;
    font-family: DMSans-Regular;
    font-size: 14pt;
    letter-spacing: 0;
    font-weight: 400 !important
}

.container.tracking-pages-recommended-Modules {
    float: left;
    min-height: 500px;
    background-color: #ecf1f2
}

.recommended-Modules-heading {
    font-size: 22pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.recommended-Modules-description p {
    font-size: 14pt;
    font-family: DMSANS-REGULAR
}

.recommended-Modules-description {
    padding: 20px 0
}

.container.tracking-pages-recommended-Modules .row.module-box1 {
    padding: 25px
}

.tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab, .tracking-pages a.radius-0.take-screener-tab.anxiety, .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs {
    line-height: 21.6pt;
    border: none;
    background: 0 0;
    font-size: 18pt !important;
    font-family: DMSans-Regular !important;
    margin-left: 15px;
}

    .tracking-pages ul.nav.nav-tabs.border-bottom-Zero.bode-Text-Color.mobile-self-assement-tabs-padding-0.mobile-self-assement-tabs li.active {
        border-bottom: 4px solid orange
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:hover, .tracking-pages a.radius-0.take-screener-tab.anxiety:hover {
        background-color: transparent;
        line-height: 21.6pt;
        border: none;
        font-family: DMSANS-MEDIUM !important;
        font-size: 18pt !important
    }

    .tracking-pages a.backgorund-Orange.border-Zero.radius-0.take-screener-tab:focus, .tracking-pages a.radius-0.take-screener-tab.anxiety:focus {
        background-color: transparent;
        line-height: 21.6pt;
        border: none;
        font-size: 18pt !important;
        font-family: DMSans-Medium !important
    }

.tracking-pages a:focus:hover, a:hover {
    text-decoration: none;
    color: #000 !important
}

.tracking-pages .Profile-Tab-Heading {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 22pt !important;
    letter-spacing: 0 !important;
    padding-left: 0;
    line-height: 26.4pt !important
}

.tracking-pages .table-bordered.panel.panel-hide-show1.accordion-bgcolor {
    margin: 0
}

.tracking-pages span.header-item b {
    font-size: 22pt;
    color: #e14504 !important;
    line-height: 26.4PT;
    font-family: DMSans-Medium
}

.tracking-pages .tracking-analysis ul {
    color: #e14504 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: unset !important;
    line-height: 21.6pt;
    list-style-image: none !important;
    padding-left: 0;
    font-size: 18pt
}

.tracking-pages .tracking-analysis li::marker {
    color: transparent !important;
    width: 13.87px !important;
    height: 13.87px !important;
    font-size: 27pt
}

.tracking-pages .tracking-analysis ul li b {
    color: #e14504 !important;
    font-family: DMSANS-BOLD;
    font-size: 18pt;
    letter-spacing: 0;
    font-weight: unset !important;
    line-height: 21.6pt
}

.tracking-pages .table-bordered.padding.tracking-setup {
    padding-bottom: 0 !important
}

.container.tracking-pages.track-bg {
    float: left;
    background-color: #ecf1f2;
    min-height: 500px;
    background-repeat: no-repeat;
    background-image: url(../../Images/Track.png);
    background-position: right 0 bottom 0
}

.tracking-pages .tracking-analysis-description-2 {
    color: #000 !important;
    font-family: DMSans-Regular;
    letter-spacing: 0;
    font-weight: 400 !important;
    line-height: 21.6pt;
    font-size: 18pt
}

.container.tracking-pages-recommended-Modules {
    float: left;
    min-height: 500px;
    background-color: #f6f8f9;
}

.recommended-Modules-heading {
    font-size: 22pt;
    color: #e14504;
    font-family: DMSANS-REGULAR;
    padding-top: 40px
}

.recommended-Modules-description p {
    font-size: 14pt;
    font-family: DMSANS-REGULAR;
    margin-bottom: 5PX
}

.recommended-Modules-description {
    padding: 20px 0
}

.container.tracking-pages-recommended-Modules .row.module-box1 {
    padding: 25px
}

.container.tracking-pages-recommended-Modules .getstartedactivities-button {
    padding: 10px 25px !important
}

.container.tracking-pages-recommended-Modules a:focus:hover, a:hover {
    text-decoration: none;
    color: #fff !important
}

.container.tracking-pages-recommended-Modules {
    margin-bottom: -50px
}

.YourDashboard.notVisiableOnActivityPage a:hover, .from-your-responses-message-div p a:hover {
    color: #e14504 !important
}

.tracking-check-div label.tracking-label.ng-binding {
    font-weight: 400 !important
}

.tracking-graph-container .filter-section .add-an-entry.last-days.white:hover {
    background-image: none;
}

.tracking-graph-container .add-an-entry {
    width: 170px
}

.row.tracking-graph-container.fade-out-container {
    opacity: .3
}

.tracking-pages .tracking-analysis ul li b.medium {
    font-family: DMSANS-MEDIUM
}

a.glyphicon-color.topdown:hover {
    color: #e14504 !important
}

.ddlBirthYear .dropdown-menu li a:hover {
    color: #000 !important
}

.container.tracking-pages-recommended-Modules {
    width: 100%
}

.container.tracking-pages.track-bg {
    width: 100%
}

.container.only-for-tracking-pages {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.whiteButton.height-buttonwhite.topUp-div {
    margin-left: 20px
}

a.text-center.get-started-button.getstartedbutton.add-new-entry {
    margin-top: 20px
}

.knowledge-header description {
    font-size: 18pt;
    line-height: 21.6pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.knowledge-center-accordian-header {
    font-size: 22pt;
    line-height: 36pt;
    color: #e14504;
    font-family: DMSANS-REGULAR
}

.knowledgeCentre-QuickLinks-Headings a {
    font-size: 22pt;
    line-height: 23pt;
    color: #e14504;
    font-family: DMSans-Bold;
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Description {
    color: #000 !important;
    font-family: DMSans-Regular !important;
    font-size: 14pt !important;
    letter-spacing: 0 !important;
    line-height: 23pt;
    margin-top: 10px
}

.knowledge-header .description {
    font-size: 42pt;
    line-height: 50.4pt;
    color: #000;
    font-family: DMSans-Regular;
    padding: 0 15px;
    height: auto;
    word-break: break-word;
    margin-bottom: 20px
}

.percentComplete.margin-floatright20 {
    font-size: 20px;
    margin-left: 8px
}

li.return-to-Menu a:hover {
    color: #e14504 !important
}

.knowledge_description {
    font-size: 18pt !important;
    font-family: DMSans-Regular !important;
    line-height: 21.6pt !important;
    color: #000 !important;
    padding-top: 50px
}

a.Snippets-Edit:hover {
    color: #e14504 !important
}

ul li a:hover {
    color: #e14504 !important
}

.getstartedactivities-button:focus {
    color: #fff;
    text-decoration: none
}

.Profile-Tab-Heading {
    cursor: pointer
}

.container.Knowledge {
    width: 100%;
    padding: 0
}

.sessiondescription ul {
    list-style-image: none
}

    .sessiondescription ul li::marker {
        color: transparent !important
    }

.remove-badge .returntomenu {
    font-size: 14pt;
    font-family: DMSans-Regular;
    cursor: pointer;
    color: #000 !important
}

    .remove-badge .returntomenu a {
        color: #000 !important
    }

.inner .width-2-per.margin-floatright20 {
    margin-right: 5px !important
}

    .inner .width-2-per.margin-floatright20.percentComplete {
        font-size: 14px
    }

.Knowledgecenter-img img {
    width: 300px;
    border-radius: 50%;
    height: 300px;
    margin-top: 65px;
}

.Tracking-Summary-Description, .row.Knowledgecenter {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px
}

    .row.Knowledgecenter .Knowledgecenter-img img {
        /* margin-top: 25px*/ /*commented to fix alignment on website*/
        margin-top: 65px;
    }

.progress_bar_row {
    margin-top: 90px;
}

.btn-return-to-dashboard-div {
    margin-left: 15px
}

.row.return-to-dashboar-btn {
    display: flex;
    justify-content: center
}

.rounded_img-div.Knowledgecenter-img {
    padding-left: 0
}

.Knowledge ol li, .Knowledge ul li, .knowledge_description ul li {
    color: #000;
    padding: 10px;
}

ol li::marker {
    font-size: 18pt
}

.register .tooltip-inner {
    padding: 3px 8px;
    text-align: center
}

.owl-carousel.owl-loaded i.fa.fa-play-circle-o.palyicon {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 55px;
    color: #ff9f1a;
    cursor: pointer
}

.Basic-Text-Frame a, .Basic-Text-Frame a:active, .Basic-Text-Frame a:hover, .Basic-Text-Frame a:visited {
    text-decoration: none !important
}

.notification.panel.padding-20.Changecursor a:hover {
    text-decoration: none;
    color: #e14504 !important
}

.sleep-landing-container .get-started-sleep {
    background: #e14504;
    color: #fff
}

.Activity-Landing-Description ol li, .Activity-Landing-Description ul li {
    padding-left: 15px;
    margin-bottom: 10px
}

.control-label.register-label.padding-bottom-25px.margin-top-10.confirmPassword {
    z-index: -1 !important
}

.sessiondescription p:first-child {
    min-height: 96px
}

.sessiondescription ul li p {
    min-height: unset !important
}

.Activity-Landing-Description ol {
    list-style-image: url(../../Images/BulletPoint.png)
}

.crisis-margin-top a {
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .crisis-margin-top a:hover {
        color: #e14504 !important;
        text-decoration: none !important;
    }

.Knowledge .crisis-margin-top {
    margin-top: 15px !important
}

.Knowledge .crisis-margin-left {
    margin-left: 39px !important
}

.margin-left-100 {
    margin-left: 100px
}

.stylinglink {
    color: #616161 !important;
    text-decoration: underline #e14504 !important;
}

    .stylinglink:hover {
        color: #e14504 !important;
        text-decoration: underline;
    }

.margin_bottom_25 {
    margin-bottom: 25pt
}

.empty-chart-wrapper .padding-top-20Percent {
    padding-top: 32%
}

.module .activity-header {
    background-color: #f4f1ef;
}

.margin_top_10 {
    margin-top: 10px;
}

.tracking-msg {
    font-size: 18pt;
    font-family: 'DMSANS-REGULAR';
}

.col-md-12.margin-top-20.tracking-msg {
}

.register .row.questionnaireBackground {
    bottom: 8px;
}

.preferredGender-lbl {
    width: 210px;
}

.preferredGender-txtBox {
    padding-left: 0px;
}


.tracking_text.special_note_text {
    font-size: 14pt !important;
    line-height: 0pt;
}

.text-below-tracking-button.special_note_text_div {
    padding-top: 10px;
    margin-left: 14px;
}

.tracking-msg span {
    color: #e14504;
}

.snippetNotifiactionForm-checkmark {
    top: 2px;
}

.Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
    padding-right: 2px;
    text-align: right;
}

.Profile-TrackingReminders-Dropdown-Headings2.timeZone-Snippet {
    padding-right: 2px;
    text-align: right;
}

.Profile-TrackingReminders-Dropdown-Headings2.via-Frequency {
    padding-left: 22px;
}

.Profile-TrackingReminders-Dropdown-Headings2.via-Snippets {
    padding-left: 2px;
}

.Knowledgecenter-img img .resize {
    width: unset;
    height: unset;
}

.padding-snippet .snippet-notification-setup.padding-send {
    padding-left: 10px
}

#snippetNotificationSetup .padding-snippet {
    padding: 0px 3px 0px 31px;
}

.MobileProfileModalOuterBox .Continue-Button-Modal {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 0 !important;
    font-weight: unset !important;
    background: #fff5e8 !important;
    border: 1.5pt solid #e14504 !important;
    width: 170px;
    justify-content: center;
    height: 36px;
    text-align: center;
    margin: 0 !important;
    margin-bottom: 25px !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 24px;
    text-transform: UPPERCASE;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
}

#shareMyCompassModal .modal-contentQuestionnaire {
    border: 1.5pt solid #e14504;
}

#shareMyCompassModal .MobileProfileModalOuterBox .Continue-Button-Modal:hover {
    background: #e14504 !important;
    color: #fff !important;
}

#shareMyCompassModal .ProfileModal-dialog {
    width: auto;
}

.tracking-pages .tracking-analysis ul li {
    color: #e14504;
    font-family: DMSans-Regular;
    font-size: 18pt;
    font-weight: unset !important;
    line-height: 21.6pt;
    margin-bottom: 10px !important;
}

.popover .popover-content {
    padding: 9px 9px;
}

.modalResetPassword.modal-contentQuestionnaire {
    background: #fff;
    border: 1.5pt solid #e14504;
}

.ShowSuicidalFeedback-message-div .from-your-responses-message-div p, .ShowSuicidalFeedback-message-div-home .from-your-responses-message-div p {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100;
}

.modal-body.from-your-responses-message-div-ShowSuicidalFeedback .SelfAssessment-SeveralDays-Description p {
    color: #000 !important;
    font-family: DMSANS-REGULAR;
    font-size: 14pt !important;
    letter-spacing: .4px !important;
    font-weight: 100;
}

.youngpeople-width {
    padding-left: 0px !important;
}

.paddingtop25 {
    padding-top: 25px !important;
}

a:hover {
    color: #e14504;
}

.Session-box-margin .Activity-Landing-Session-Begin-Button.textalign {
    color: #e14504 !important;
    font-family: DMSANS-MEDIUM !important;
    font-size: 12.096pt !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    line-height: 14.515pt;
    width: 180px;
    border: 1.5pt solid !important;
    margin: 25px 105px;
    text-align: center;
    height: 47px;
    padding: 12px 15px !important;
}

.IsnotDoneTrackingFromNewUser.text-below-tracking-button {
    margin-top: 0px;
}

.Session-box-margin .Activity-Landing-Session-Begin-Button.textalign:hover {
    color: white !important;
}

.modal-contentQuestionnaire.ProfileModal-dialog.col-xs-12 {
    background: #fff5e8;
}

.custom-pop-up {
    background: #fff5e8 !important;
}

.modal .custom-pop-up .newUserModal-footer .btn {
    background: #fff5e8 !important;
}

.tracking-dropdown-div.recentNotGoodDays_div {
    padding-left: 0px;
}

.modal .custom-pop-up .newUserModal-footer .btn:hover {
    background: #e14504 !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    img.bdiImgMobile {
        margin-top: 5px !important;
    }
}


@media only screen and (min-width: 834px) and (max-width: 1194px) {
    .header-right {
        float: left !important;
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :325px) {
    .header-right img.bdiImgMobile {
        margin-top: 30px !important;
    }
}

.rzslider .rz-ticks li {
    background-color: #e14504 !important;
}

    .rzslider .rz-ticks li.ng-scope {
        display: block !important;
    }

#snippetSetup .checkbox, .tracking-setups .checkbox {
    margin-bottom: 25px;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .tab-content div.first_question {
        left: 0% !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.sidenav {
        z-index: 2;
    }


    div.featureSnippet .container-fluid.snippetCarousel {
        margin-top: 50px;
    }

    .suicidalFeedback .btn-Continue-from-your-responses {
        font-size: 18pt !important;
    }

    .footerHome .footer-elements div.color-white.black-Dog-Institute-width {
        width: 265px !important;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /* Safari only override */
        div.header-right img.bdiImgMobile {
            margin-top: 35px !important;
        }

        div#userNav {
            width: 80%;
            margin: auto;
        }

        .Home_Splash_div {
            width: 100% !important;
        }

        .navbar-right {
            float: left !important;
        }



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

        .myCompass.myCompass-text-color, .myCompass-text1-color, .Home_Splash-text-width .get-started-button {
            margin-left: 0 !important;
        }

        div.getstartedIn5-text {
            text-align: left !important;
            padding: 0 25px !important;
        }


        label.sharemy-compass-input-style {
            font-family: DMSANS-REGULAR !important;
            font-size: 14pt !important;
            letter-spacing: 0 !important;
            padding: 0;
            color: #000 !important;
            margin-left: 10px !important;
        }

        div.sharemy-compass-form-div {
            padding-left: 8px !important;
            padding-right: 0 !important;
            width: 80% !important;
        }

        button.share-myCompass-button {
            margin-left: 25% !important;
        }

        .form-group .register-select {
            background-image: url(/Images/ArrowUp.png);
            background-repeat: no-repeat;
            background-position: right;
            -webkit-appearance: none;
        }

        .tracking-setup-container .tracking-questions label {
            padding: 25px 0px 5px 0px;
        }

        div.registration-dotGraphics-step1 img {
            width: 300px;
        }

        div.tracking-setup-container .dashboardDatePickerMob {
            width: 100% !important;
        }

            div.tracking-setup-container .dashboardDatePickerMob input {
                outline: 0;
                border: 0 !important;
                box-shadow: none !important;
                text-align: center;
            }

        div.knowledgeCentre input[type=radio].custom_radio_button {
            max-width: 10% !important;
        }

        .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
            width: 150px !important;
        }

        div.mobile-self-assement-div .panel-body .tab-content {
            margin: 0;
            height: auto !important;
            width: 100%;
        }
    }
}

.main-header-logo {
    display: table;
}

.inner-header-logo-left {
    display: table-cell;
    vertical-align: middle;
}

.inner-header-logo-right {
    display: table-cell;
    vertical-align: middle;
}

    .inner-header-logo-right .bdiImg.bdiImgMobile, .inner-header-logo-left img.myCompassImg.myCompassMobile {
        width: 150px;
    }

.submittedPHQGAD {
    padding-top: 90px !important;
}

.disabled {
    pointer-events: none;
}

.SelfAssessment-SeveralDays-Description a {
    word-break: break-all;
    color: #616161;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .SelfAssessment-SeveralDays-Description a:hover {
        text-decoration: none;
    }

@media only screen and (min-width: 810px) and (max-width: 820px) {
    .navbar-nav > li > a {
        padding: 0 4px;
    }

    div.first_question {
        left: 0px !important;
    }

    .glyphicon.glyphicon-chevron-left:before {
        content: none !important;
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
        top: 60px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        top: 60px !important;
        background-size: 100%;
        background-repeat: no-repeat;
        transform: none !important;
        display: table;
        height: 80px;
        width: 38px;
        transition: none !important;
    }

    p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: 0px !important;
    }

    #myCompassNavbar.navbar-right {
        float: right !important;
    }

    .tracking-graph-container .filter-section .add-an-entry.last-days {
        margin-bottom: 35px;
    }
}

.btn-linkRegisterGuestUser {
    border: 2px solid #e14504 !important;
    color: #e14504 !important;
    font-size: 18pt !important;
    height: 135px;
}

.btn-linkExitFromModule {
    border: 2px solid #e14504 !important;
    color: #e14504 !important;
    font-size: 18pt !important;
    height: 135px;
}

.margin-leftright-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.btnquestionnair.is-disabled,
.mobile-self-assement-div .nav-tabs li .is-disabled {
    pointer-events: none;
}

.SelfAssessment-SeveralDays-Description a:hover {
    color: #e14504 !important;
}

.symptomScreenerModal .modal-footer .btnOrange:hover {
    background-color: #e14504 !important;
    color: #ffffff !important;
}

.track-setup-wrapper .dot-progress-bar {
    justify-content: center;
    display: flex;
}

div.Profile .modal-contentQuestionnaire.ProfileQuestionnaire {
    width: 750px !important;
    height: 250px !important;
}

.newUserModal-dialog .container .modal-content {
    background: #fff5e8 !important;
}

a:hover {
    color: #e14505 !important;
    text-decoration-line: none;
}

a.linkorangecolor {
    color: #616161 !important;
    text-decoration-line: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    a.linkorangecolor:hover {
        color: #e14504 !important;
        text-decoration-line: none;
        ;
    }

.Man_Central .Activity-Landing-Description ol li, .Activity-Landing-Description ul li {
    padding-right: 100px !Important;
}

.Profile-Save-Button.button-orange.landing-self-next-finish.disabled,
button.Profile-Save-Button.text-center.button-orange.landing-self-next-finish.disabled, button.btn.btnNext.btnsize.disabled {
    background-color: #e14504 !important;
    color: #fff !important;
    border: 2px solid #e14504 !important;
    opacity: 1 !important;
}

.self_asessment_lable {
    display: inline-block;
    width: 100%;
    padding: 10px 2px;
}

.register .self-assement-div-height h2 {
    font-size: 18pt !important;
    font-family: DMSANS-REGULAR !important;
    color: black;
}

.register .selfassestextsizecontent p, .selfassestextsizecontent h4 {
    font-family: DMSans-Regular !important;
    font-size: 12pt !important;
    color: #000 !important;
}

.register .selfassestextsizehead u {
    font-weight: 700;
    color: #000 !important;
}

.register .self-assement-div-height h1.text-align-center {
    font-size: 33pt !important;
    font-family: DMSans-Regular !important;
}

.register button.btn.btnNext.btnsize.moveAfterRegistration:focus {
    background: #d64204 !important;
}

.dependenSueryPopUp .modal-content .modal-body {
    padding-top: 30px !important;
}

    .dependenSueryPopUp .modal-content .modal-body p {
        color: #000 !important;
    }

.dependenSueryPopUp .modal-content .modal-footer {
    text-align: center;
    padding: 5px 0 0 0;
    max-width: 100%;
    border: 0px;
}

.dependenSueryPopUp .modal-footer .btn-Continue-from-your-responses:hover {
    background-color: #e14504 !important;
    color: white !important;
}

.dependenSueryPopUp .modal-footer .btn-Continue-from-your-responses {
    float: inherit;
    left: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 32px;
    background-color: white !important;
    color: #e14504 !important;
    border: 2pt solid #e14504;
    padding: 5px 25px 5px 25px;
}

.return-to-ActivityPage .navigation-menu {
    cursor: pointer;
}

button.btn.btnNext.btnsize.moveAfterRegistration {
    margin-top: 0px;
}

.symptomScreener .row {
    margin-top: 10px;
    margin-bottom: 0px;
}

.tooltips {
    position: relative;
    display: inline-block;
    border-bottom: 1px none black;
}

    .tooltips .tooltiptexts {
        visibility: hidden;
        width: 220px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: -60px;
        font-size: 12px;
        left: 50%;
        margin-left: -85px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltips .tooltiptexts::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 43%;
            margin-left: -5px;
            border-width: 0px 5px 5px 5px;
            border-style: solid;
            border-color: #555 transparent;
        }

    .tooltips:hover .tooltiptexts {
        visibility: visible;
        opacity: 1;
    }

ul.nav.navbar-nav.navbar-right.rightNavBar.user-logged-in.font-size-11 li {
    cursor: pointer;
}

.favouriteSnippet-div div.item.snippetData {
    width: 40%;
    margin: auto;
    background-color: #fff5e8;
    padding: 12px;
}

.favouriteSnippet-div .Dashboard-ViewSnippet {
    border: none;
}

.item.snippetData img.center-block.img-handsign-hover {
    width: 30px;
    height: 29px;
}

.tracking-graph-container a.tracking_prev_button, .tracking-graph-container a.tracking_next_button {
    color: #e14504;
    text-decoration: none;
    font-size: 20pt;
    position: absolute;
}

    .tracking-graph-container a.tracking_prev_button.white, .tracking-graph-container a.tracking_next_button.white {
        color: #e14504;
    }

        .tracking-graph-container a.tracking_prev_button.white:hover, .tracking-graph-container a.tracking_next_button.white:hover {
            color: #e14504 !important;
        }

    .tracking-graph-container a.tracking_prev_button:hover, .tracking-graph-container a.tracking_next_button:hover {
        color: #e14504 !important;
    }

.tracking-graph-container a.tracking_prev_button {
    margin-left: 20px;
    margin-top: -7px;
}

.tracking-graph-container a.tracking_next_button {
    margin-top: -7px;
    right: 20px;
}

    .tracking-graph-container a.tracking_next_button.Last14day {
        right: -15px;
        z-index: 1;
    }

.Knowledge .depression-factsheet-link a {
    color: #e14504 !important;
    word-break: break-word;
    background: transparent !important;
    font-family: DMSans-Medium !important;
    font-size: 12pt !important;
    letter-spacing: 2px !important;
    padding-left: 36px;
    padding-right: 36px;
    padding: 10px 25px 10px 25px;
    border: 2px solid #e14504;
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: none !important;
}

    .Knowledge .depression-factsheet-link a:hover {
        background: #e14504 !important;
        color: #fff !important;
        text-decoration: none;
    }

.accordion-content .quickLinks {
    margin-top: 30px !Important;
}

.register .form-control {
    box-shadow: none !important;
    transition: none !important;
    -webkit-box-shadow: none !important;
    color: black;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    div.iconset i.fa.fa-play-circle-o.treatment-play-icon {
        -webkit-transform: translate(-50%,-50%) scale(.5) !important;
        transform: translate(-50%,-50%) scale(.5) !important;
    }
}

.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays {
    margin-left: -14px;
}

.tracking-graph-container a.tracking_next_button.RecentNotGoodDays {
    right: 1px;
}

.tracking-graph-container a.tracking_next_button.RecentGoodDays {
    right: 1px;
}

.tracking-graph-container a.tracking_prev_button.RecentGoodDays {
    margin-left: -13px;
}

.tracking-graph-container a.tracking_prev_button.Last14day {
    margin-left: -15px;
}

.Tracking_button_back_div {
    margin-bottom: 50px;
}

/*iphone xs*/
@media only screen and (min-device-width: 375px) and (max-device-width:820px) and (-webkit-min-device-pixel-ratio: 2) {
    .row.activity-module-container div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 115.5% !important;
        margin-left: 61%;
    }
}

/*iphone 11*/
@media only screen and (min-device-width: 414px) and (max-device-width:896px) and (-webkit-min-device-pixel-ratio: 2) {
    div.row.activity-module-container div.row.progressbar-for-activity .progress-div-line.sleep {
        width: 116.8% !important;
        margin-left: 59%;
    }
}

.knowledgeCentre-InterestArea.btnOrange {
    padding: 10px 18px;
}
/*Samsung Galaxy Note10 */
@media only screen and (min-width: 412px) and (max-width: 767px) {
    div.first_question {
        left: 9%;
    }

    .padding-left-registration {
        padding-left: 10px;
    }

    .margin-padding-additionalinfo {
        padding-left: 10px;
    }
}


@media only screen and (min-device-width:1023.8px) and (max-device-width:1024.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    div.tracking-graph-container .filter-section .add-an-entry.last-days {
        width: 80%;
        margin-left: 16px;
        padding-left: 5px !important;
    }

    div#userNav {
        width: 80%;
        margin: auto;
    }

    div.tracking-graph-container a.tracking_next_button.RecentGoodDays {
        right: 2px;
    }

    div.tracking-graph-container .filter-section .recentNotGoodDays_div .add-an-entry {
        width: 94%;
        padding-left: 5px !important;
        margin-left: 0px;
    }

    div.tracking-graph-container a.tracking_prev_button.RecentNotGoodDays {
        margin-left: -16px;
    }
}
/*Ipad-8th*/
@media only screen and (min-device-width:809.8px) and (max-device-width:810.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .navbar-header.register_menu {
        float: left !important;
        width: 40% !important;
    }

    div.symptomModal-dialog {
        width: 780px;
    }

    .registration-body .questionnairSurvey {
        margin-bottom: 235px;
        width: 100% !important;
    }

    .registration-body .register-selfassessment .row.margin-width.mobile-width-100-percent-important {
        width: 100% !important;
    }

    #setQuestionnaire {
        max-width: 100%;
    }

    .Profile .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
    }

    .registration-sub-header .row.margin-top-5per.mobileleft-rigth-marign-0.div-registration-top {
        margin-top: 5%;
    }

    body nav.navbar.container-fluid.navbar-default.clr {
        width: 100%;
        top: 0;
        position: relative;
        z-index: unset;
    }

    .dashboard .knowledgeCentre div.Primaryimage {
        width: 100%;
    }

    nav.navbar.container-fluid.navbar-default.clr {
        width: 100%;
        top: 0;
        position: fixed;
        z-index: 999;
    }

    .row.margin-top-5per.mobileleft-rigth-marign-0.div-registration-top {
        margin-top: 190px;
    }

    .mobile-color-white div#myCompassNavbar {
        min-height: 260px;
    }

    div.row.footer-elements {
        margin-left: 20px !important;
    }

    div.registration_Background_img-step1 img {
        width: 100% !important;
    }

    .nav.navbar-nav.navbar-right.rightNavBar li.icon.YourDashboard {
        min-height: 0px;
    }

    .notification-popover .notification-bell {
        padding-top: 45px;
    }

    li div.Basic-Text-Frame {
        top: 20px !important;
    }

    .dependen_question.margin-left-40 {
        margin-left: 0px !important;
    }

    .register.padding-left-55 .Register-Continue-Style button.btn-step1-continue.Profile-Save-Button.button-orange.btnOrange {
        position: relative;
        display: block;
    }

    .register div.margin-padding-additionalinfo select#HealthProfessionalType {
        max-width: 100%;
        width: 100% !important;
    }

    .Profile custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .Profile .snippetNotificationAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .Profile .trackingReminderAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        max-width: 460px !important;
    }

    .Profile .snippetNotificationAutocompleteDiv .custom-combobox-toggle, .Profile .trackingReminderAutocompleteDiv .custom-combobox-toggle {
        float: right;
        right: 15px;
        vertical-align: middle;
        top: -17px;
        margin-left: 0px;
    }

    .navbar-header {
        float: left !important;
        width: 100% !important;
        display: contents;
    }

    .common-header-for-page div.registration-dotGraphics-step1 img {
        width: 50%;
    }

    .register div.first_question .btnNext.btnsize {
        width: 190px !important;
    }

    .register .register-selfassessment .first_question {
        left: 0px !Important;
    }


    .register-header-wrapper ul.navbar-nav.navbar-right {
        left: 15px;
        position: relative;
        float: right !important;
        right: 0;
    }

    .register .help-block.error, .register .error {
        padding-right: 20px;
    }

    div.Basic-Text-Frame p.Basic-Paragraph.ParaOverride-1.first.home {
        margin-top: 0;
    }

    div.Basic-Text-Frame p.Basic-Paragraph.ParaOverride-1.first.home {
        margin-top: 0 !important;
    }

    div.Basic-Text-Frame {
        top: 36px;
    }

    .Register-Continue-Style button.Profile-Save-Button.button-orange {
        margin-left: 0 !important;
    }

    .Profile .Profile-TrackingReminders-Dropdown-Headings2 {
        text-align: left;
    }

    p .font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: -64px;
    }

    div.row.margin-top-20.timeZone-div {
        margin-top: 0;
    }

    .Profile .width-100-per.selfAssessment-padding-0.padding_right_0_desktop.padding_right_0_Ipadpro {
        padding: 0;
    }

    .Profile .padding_right_0_Ipadpro.self-assement-container-div {
        padding-left: 0;
    }

    .Profile .selfassessmentpadding {
        padding: 0;
    }

    .form-control.mobilenumber-border-orange {
        width: 100% !important;
    }

    button.navbar-toggle.pull-left.marginbtnCollapse.header-mobile-menu {
        margin-right: 10px;
    }

    .black-Dog-Institute-width {
        width: 100%;
        padding-left: 15px;
    }

    div.header-right img.bdiImgMobile {
        margin-top: 15px !important;
    }

    /*   div.Profile .ipad_left_16 {
        left: 25%;
    }*/

    .Profile-TrackingReminders-Dropdown-Headings2.via-Frequency {
        padding-left: 30px;
        text-align: left;
    }

    .Profile-TrackingReminders-Dropdown-Headings2.via-Snippets {
        padding-left: 20px;
        text-align: left;
    }

    .Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
        padding-right: 2px;
        text-align: left;
    }

    .Profile select.form-control.Profile-Tracking-Reminder-Dropdown {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
        max-width: 350px !important;
        clear: both;
    }

    .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left, .snippetNotificationAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, .trackingReminderAutocompleteDiv .custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
        max-width: 350px !important;
    }

    .Profile .custom-combobox-toggle.ui-corner-right {
        margin-left: 48%;
    }

    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 12pt !important;
        font-family: DMSANS-REGULAR;
    }

    .Profile .numpadRight1 {
        padding-right: 34px !important;
    }

    .Profile .numpadRight2 {
        padding-right: 34px !important;
    }

    .Profile .numpadRight3 {
        padding-right: 40px !important;
    }

    .Profile .numpadRight4 {
        padding-right: 32px !important;
    }

    .Profile .numpadRight5 {
        padding-right: 34px !important;
    }

    .Profile .numpadRight6 {
        padding-right: 36px !important;
    }

    .Profile .numpadRight7 {
        padding-right: 36px !important;
    }

    .Profile div.first_question {
        left: 35.5% !important;
    }

    .Profile .margin-left-2-neg {
        margin-left: 0;
    }

    .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        height: 44px;
        padding: 12px 2px;
    }
}

/*Ipad 11 pro*/
@media only screen and (min-device-width:833.8px) and (max-device-width:834.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    div.navbar-header {
        float: left !important;
        width: 100%;
        display: contents;
    }

    div.Profile .numpadRight0 {
        padding-right: 37px !important;
        padding-left: 6px !important;
    }


    .registration-body .userQuestions .user-self-assessment .row.margin-width.mobile-width-100-percent-important {
        width: 100%;
    }

    .registration-body .questionnaireBackground img {
        display: none !important;
    }

    .Ipad_view .dependen_question.width-242px {
        width: 100% !important;
    }

    .Ipad_view .rgistration-submit-button {
        display: flex;
        justify-content: center;
    }

    .dependen_question {
        margin-left: 0px;
    }

    div.registration-dotGraphics-step1 img {
        width: 588px;
    }

    .register.padding-left-55 .Register-Continue-Style button.btn-step1-continue.Profile-Save-Button.button-orange.btnOrange {
        position: relative;
        display: block;
    }

    div.Profile .numpadRight5 {
        padding-right: 35px !important;
    }

    div.Profile .numpadRight9 {
        padding-right: 30px !important;
    }

    div.Profile .numpadRight7 {
        padding-right: 35px !important;
    }

    div.Profile .numpadRight4 {
        padding-right: 35px !important;
    }

    div.Profile .numpadRight2 {
        padding-right: 32px !important;
    }

    .knowledgeCentre .knowledge-header-margin {
        padding-left: 10%;
    }

    .register .help-block.error {
        padding-right: 30px !important;
    }

    div.navbar-header.register_menu {
        width: 100%;
    }

    .register div.margin-padding-additionalinfo select#HealthProfessionalType {
        max-width: 100%;
        width: 100% !important;
    }

    .form-control.mobilenumber-border-orange {
        width: 100% !important;
    }

    .black-Dog-Institute-width {
        width: 100%;
        padding-left: 15px;
    }

    .register div.first_question {
        left: 0% !important;
    }

        .register div.first_question .btnNext.btnsize {
            width: 190px !important;
        }
}

@media only screen and (min-device-width:700px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
    div#userNav {
        width: 80%;
        margin: auto;
    }
}

@media only screen and (min-device-width: 392.8px) and (max-device-width:393.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 12pt !important;
        font-family: DMSANS-REGULAR;
    }

    .Profile-TrackingReminders-Dropdown-Headings2.via-Frequency {
        padding-left: 30px;
        text-align: left;
    }

    .Profile-TrackingReminders-Dropdown-Headings2.via-Snippets {
        padding-left: 20px;
        text-align: left;
    }

    .Profile-TrackingReminders-Dropdown-Headings2.timeZone-Tracking {
        padding-right: 2px;
        text-align: left;
    }
}
/*iPhone XR*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
    .Profile div.numberlist.Profile-Options-Header span {
        font-size: 14pt !important;
    }

    div.first_question .btnNext.btnsize {
        margin-right: 0px !important;
        margin-left: 0px !important;
        left: 0px !important;
    }

    div.first_question {
        left: 0px !important;
    }

    .Profile .numpadRight3 {
        padding-right: 4px !important;
    }

    .Profile .numpadRight4 {
        padding-right: 1px !important;
    }

    .Profile .numpadRight9 {
        padding-right: 4px !important;
    }
}

/*Samsung Galaxy S21*/
@media only screen and (min-device-width:359.8px) and (max-device-width:360.2px) and (orientation:portrait) {
    div .Profile div.tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        margin-left: 0% !important;
    }

    body div.tracking-setup-container ul.silder {
        top: -35px;
    }

    .mobile-color-white div#myCompassNavbar {
        overflow-x: hidden;
    }

    /*.tracking-setup-container .silder li.step_10, .tracking-setup-container .silder li.step_9, .tracking-setup-container .silder li.step_8, .tracking-setup-container .silder li.step_7, .tracking-setup-container .silder li.step_6, .tracking-setup-container .silder li.step_5, .tracking-setup-container .silder li.step_4, .tracking-setup-container .silder li.step_3, .tracking-setup-container .silder li.step_2, .tracking-setup-container .silder li.step_11 {
        margin-left: 6.4% !important;
    }

    ul.silder_number_pointers li.step_2, ul.silder_number_pointers li.step_3, ul.silder_number_pointers li.step_4, ul.silder_number_pointers li.step_5, ul.silder_number_pointers li.step_6, ul.silder_number_pointers li.step_7, ul.silder_number_pointers li.step_8, ul.silder_number_pointers li.step_9, ul.silder_number_pointers li.step_10, ul.silder_number_pointers li.step_11 {
        width: 9.6%;
    }*/
}
/*iPhone 12 Mini*/
@media only screen and (min-device-width:392.8px) and (max-device-width:393.2px) and (orientation:portrait) {
    div .Profile div.modal-contentQuestionnaire.ProfileQuestionnaire {
        width: 100% !important;
        height: 310px !important;
    }

    div.Profile .Profile-Save-Button.button-orange {
        width: 100% !important;
        padding: 8px 2px;
        display: flex;
        justify-content: center;
        margin-left: 0 !important;
    }
}
/*iPhone 12 Mini*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation:portrait) {
    .tracking-setup-container .silder li.step_10, .tracking-setup-container .silder li.step_9, .tracking-setup-container .silder li.step_8, .tracking-setup-container .silder li.step_7, .tracking-setup-container .silder li.step_6, .tracking-setup-container .silder li.step_5, .tracking-setup-container .silder li.step_4, .tracking-setup-container .silder li.step_3, .tracking-setup-container .silder li.step_2, .tracking-setup-container .silder li.step_11 {
        margin-left: 0 !important;
    }
}

/*iPad Air 4*/
@media only screen and (min-device-width:819.8px) and (max-device-width:820.2px) and (orientation:portrait) {

    .dependen_question {
        margin-left: 15px;
        width: 100% !important;
    }

    div.popover {
        max-width: 290px !important;
    }

    .nav.navbar-nav.navbar-right.rightNavBar li.icon.YourDashboard {
        min-height: 0px;
    }

    .notification-popover .notification-bell {
        padding-top: 45px;
    }

    li div.Basic-Text-Frame {
        top: 20px !important;
    }

    div.register-header-wrapper p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        padding-left: 0px !important;
    }

    .dependen_question.margin-left-40 {
        margin-left: 0px;
    }

    div.divscroll-height.empty-chart-wrapper {
        padding-left: 25%;
        background: white;
    }

    div.empty-chart-wrapper .padding-top-20Percent {
        padding-top: 0%;
    }

    div.Profile .numpadRight2, div.Profile .numpadRight3, div.Profile .numpadRight8 {
        padding-right: 35px !important;
    }

    div.Profile .numpadRight4 {
        padding-right: 30px !important;
    }

    div.Profile .numpadRight5, div.Profile .numpadRight7, div.Profile .numpadRight9 {
        padding-right: 32px !important;
    }

    .common-header-for-page div.registration-dotGraphics-step1 img {
        width: 50%;
    }

    .register div.margin-padding-additionalinfo select#HealthProfessionalType {
        max-width: 100%;
        width: 100% !important;
    }

    div.navbar-header {
        width: 100%;
    }

    .register-header-wrapper ul.navbar-nav.navbar-right {
        left: 15px;
        position: relative;
        float: right !important;
        right: 0;
    }

    .register input.form-control.mobilenumber-border-orange {
        width: 100% !Important;
        max-width: 420px !important;
    }

    .Basic-Text-Frame {
        top: 36px;
    }

    div.Basic-Text-Frame p.Basic-Paragraph.ParaOverride-1.first.home {
        margin-top: 0 !important;
    }

    .Register-Continue-Style button.Profile-Save-Button.button-orange {
        margin-left: 0 !important;
    }
}
/*extra large screen size*/
@media only screen and (min-width:1900px) {
    div.row.footer-elements {
        margin-left: 100px !important;
    }
}


/*MYC2-781 Starts*/
.tracking-page-wrapper .your-tracking {
    display: none;
}
/*MYC2-781 ends*/

/*Profile page buttons*/
.Profile-Save-Button.button-orange {
    width: 215px !important;
    height: 38px !important;
}
/*Profile page buttons ends*/
@media only screen and (min-device-width:350px) and (max-device-width:365px) {
    .Profile-Options-Header .numpadRight2 {
        padding-left: 15px;
    }

    .Profile-Options-Header .numpadRight9 {
        padding-left: 12px;
    }

    .Profile-Options-Header .numpadRight5 {
        padding-left: 12px;
    }
}

@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .mobile-color-white div#myCompassNavbar {
        width: 64%;
        display: inline-block !important;
        float: right;
    }

    .mobile-color-white div.navbar-header {
        width: 36%;
    }

    div#myCompassNavbar p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: -72px;
    }
}
/*Ipad 11 pro*/
@media only screen and (min-device-width:1074px) and (max-device-width:1075.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:lanscape) {
    .mobile-color-white div#myCompassNavbar {
        width: 64%;
        display: inline-block !important;
        float: right;
    }

    .mobile-color-white div.navbar-header {
        width: 36%;
    }

    div#myCompassNavbar p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        margin-top: -72px;
    }
}
/*Glaxy S10*/
@media only screen and (min-device-width: 410px) and (max-device-width: 412.5px) {
    .Profile span.numpadRight1 {
        width: 6%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: inline-flex;
        justify-content: center;
    }

    body div.tracking-setup-container ul.silder {
        top: -35px;
    }


    .Profile span.numpadRight6 {
        width: 7%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: inline-flex;
        justify-content: center;
    }

    .Profile span.numpadRight3, .Profile span.numpadRight8 {
        width: 6%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: inline-flex;
        justify-content: center;
    }

    .Profile span.numpadRight3, .Profile span.numpadRight10 {
        width: 5%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: inline-flex;
        justify-content: center;
    }

    .Profile span.numpadRight0, .Profile span.numpadRight2, .Profile span.numpadRight4, .Profile span.numpadRight5, .Profile span.numpadRight7, .Profile span.numpadRight9 {
        width: 10%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: inline-flex;
        justify-content: center;
    }
    /*MYC2-752 Starts*/
    .Profile span.numpadRight0 {
        margin-left: -2px;
    }

    .Profile span.numpadRight3 {
        margin-left: 2px;
        margin-right: 4px;
    }

    .Profile span.numpadRight4 {
        margin-left: 1px;
        margin-right: -2px;
    }

    .Profile span.numpadRight9 {
        margin-left: 2px;
        margin-right: -2px;
    }
    /*MYC2-752 Ends*/
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {

    .Profile span.numpadRight9 {
        padding-right: 27px !important;
    }

    .self_asessment_lable {
        font-size: 13pt;
    }

    .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        font-size: 18pt !important;
    }

    .Profile .btn-Continue-from-your-responses {
        font-size: 18pt !important;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    div.web-canvas-dashboard {
        padding-left: 15px !important;
    }

    .tracking-setup-container .silder li.step_2 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_9 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_11 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_10 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_8 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_6 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_7 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_3 {
        left: 0;
        position: relative;
    }

    .tracking-setup-container .silder li.step_4 {
        left: 0;
        position: relative;
    }

    body .tracking-setup-container ul.silder {
        position: relative;
        top: -18px;
    }

    .tracking-setup-container .silder li.step_5 {
        left: 0;
        position: relative;
    }

    div.favouriteSnippets {
        padding: 0px;
    }

    span.numpadRight8, span.numpadRight7, span.numpadRight6, span.numpadRight5, span.numpadRight4, span.numpadRight3, span.numpadRight2 {
        padding-right: 4% !important;
    }

    span.numpadRight1 {
        padding-right: 4.7% !important;
    }

    .dashboard .selfAssessment_question_div {
        width: 64%;
    }

    span.numpadRight0 {
        padding-right: 5% !important;
    }

    .dashboard .self_asessment_lable {
        width: 220px;
    }

    .dashboard .container.selfAssessmentInDashboard .tab-content div.first_question {
        width: 100% !important;
        left: 0px !important;
        display: flex;
        justify-content: center;
    }

    .dashboard div.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-right: 0px !important;
        width: 210px !important;
    }


    div.Profile .QuestionnaireExtremely {
        padding-left: 94% !important;
    }

    div .favouriteSnippets #myCarousel .left.carousel-control .glyphicon.glyphicon-chevron-left {
        left: 50px;
    }

    div.favouriteSnippets #myCarousel .right.carousel-control .glyphicon.glyphicon-chevron-right {
        right: 52px;
    }

    .favouriteSnippets .browseSnippets {
        background-position: right 5% bottom 0px,left 0 top 0;
    }

    .margin-padding-additionalinfo select#HealthProfessionalType {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    .form-group .register-select {
        background-image: url(/Images/ArrowUp.png);
        background-repeat: no-repeat;
        background-position: right;
        -webkit-appearance: none;
    }

    body div.tracking-setup-container .tracking-questions select {
        max-width: 400px !important;
        background-image: url(http://cl-rebranding.mycompass.org.au/Images/ArrowUp.png);
        -webkit-appearance: none;
        background-position: right center;
        background-repeat: no-repeat no-repeat;
    }

    .Profile span.numpadRight9 {
        padding-right: 27px !important;
    }

    .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back, .Profile span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        font-size: 18pt;
    }

    .Profile .btn-Continue-from-your-responses {
        font-size: 18pt !important;
    }
}

@media only screen and (min-width: 834px) and (max-width: 1195px) and (orientation:landscape) {
    .remove-badge p.Basic-Paragraph.ParaOverride-1 {
        margin-top: -72px;
    }

    .mobile-self-assement-div .panel-body .tab-content {
        height: auto !important;
    }

    .HomePage .carousel_div {
        width: 95%;
    }

    .HomePage div.owl-nav .glyphicon.glyphicon-chevron-left:before {
        content: " " !important;
    }

    .HomePage div.owl-nav .glyphicon.glyphicon-chevron-left {
        right: 7px;
        top: 60px !important;
        background-image: url(../../Images/RightArrow_Mobile.png) !important;
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 38px;
        transform: translate(0px,0px) rotate( 0deg) scale(1,1);
        -webkit-transform: translate(0px,0px) rotate( 0deg) scale(1,1);
    }

    .HomePage div.owl-nav .glyphicon.glyphicon-chevron-right {
        background-image: url(../../Images/LeftArrow_Mobile.png);
        background-size: 100%;
        background-repeat: no-repeat;
        display: table;
        height: 80px;
        width: 38px;
        top: 60px;
        transform: none !important;
    }

        .HomePage div.owl-nav .glyphicon.glyphicon-chevron-right:before {
            content: none;
        }

    body {
        max-width: 1240px !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    .tab-content .Profile-Save-Button.button-orange {
        width: 200px !important;
    }

    .self-assement-container p.padding_10 {
        width: 200px !Important;
        margin-left: auto !Important;
        margin-right: auto !important;
    }

    div.owl-nav .glyphicon.glyphicon-chevron-left {
    }

    .contactUs-link-width, .term-link-width, .PrivacyPolicy-link-width {
        width: 100%;
    }

    .row.footer-elements {
        padding-left: 3%;
    }

    .contact-us-content {
        padding: 0 25px 0 25px;
    }

    .about-home-content .mobile-self-assement-div .accordion-tabbed-collapse-in-bgcolor.ipad-remove-padding.customNav {
        padding: 7px 15px 15px 15px !important;
    }

    .healthcare-header .healthcare-contents .ipad-margin-top-about .padding-home-button {
        max-width: 500px;
        left: 0px
    }

    .healthcare-header .healthcare-contents .ipad-margin-top-about {
        margin-left: 0 !important;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .share_myCompass .register button.share-myCompass-button {
        margin-left: 0% !important;
    }

    .printable-brochures-button-div .padding-share-button-style.myCompass_Technical {
        width: 100%;
    }

    .printable_brochures.container div.printable-brochures-main-div {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .printable_brochures.container {
        width: 100% !important;
    }

    .container-register .submit_button_div .mobile-padding-left-0 {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.filter-section {
    margin-top: 15px;
}

.add_Tracking_text_div {
    margin-top: 15px;
}

.Profile-Snippet-Setup-Description a {
    color: #616161 !important;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .Profile-Snippet-Setup-Description a:hover {
        color: #e14504 !important;
        text-decoration: none;
    }


.contact-us-content a {
    color: #616161 !important;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: #e14504;
    webkit-text-decoration: underline #e14504 !important;
    -webkit-text-decoration-color: #e14504 !important;
}

    .contact-us-content a:hover {
        color: #e14504 !important;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-color: #e14504;
    }

.depression-factsheet-link a {
    text-decoration: none !important;
}

.knowledgeCentre-QuickLinks-Headings a {
    text-decoration: none;
    box-shadow: inset 0 -1px 0 #e14504 !important;
}

    .knowledgeCentre-QuickLinks-Headings a:hover {
        color: #e14504;
        text-decoration: none;
    }

#reflectingOnTrackingdiv a:hover {
    color: #e14504 !important;
    text-decoration: none !important;
}

#youngpeople .custom_radio_button {
    margin-right: 20px !important;
}

p.Basic-Paragraph.ParaOverride-1.first.home:hover {
    color: #e14505 !important;
}

p.Basic-Paragraph.ParaOverride-1:hover {
    color: #e14505 !important;
}

div.adults-padding div.seniors-padding {
    margin-right: 20px !important;
}

.youngpeople-width {
    margin-right: 30px !important;
}

.textblack {
    color: #000 !important;
}

div.treatment_video {
    margin-left: 0px !important;
    margin-right: 0px !important;
    /*  margin-top: 10px !important;*/
}

.QuestionnaireModal .symptomModel-footer {
    margin-left: 0px;
    margin-right: 0px;
}

    .QuestionnaireModal .symptomModel-footer .display_center {
        display: flex;
        justify-content: center;
        width: 100%;
        right: 0px;
        left: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

.underline-text {
    color: #e14504 !important;
    text-decoration: underline !important;
    font-size: 18pt !important;
    font-family: DMSans-Regular;
}

    .underline-text:focus {
        color: #e14504 !important;
        text-decoration: underline !important;
    }

    .underline-text:hover {
        color: #e14504 !important;
        text-decoration: underline !important;
    }

.content-link {
    color: #e14504 !important;
    text-decoration: underline !important;
    font-size: 18pt !important;
    font-family: DMSans-Regular;
}

.underline a:hover {
    text-decoration: underline #e14504 !important;
}

.underline a:focus {
    text-decoration: underline #e14504 !important;
}

.contact-us-content a span {
    text-decoration: none !important;
}

@media (min-width:1200px) {
    .iconset .treatment-play-icon {
        -webkit-transform: translate(-20%, -20%);
        background-repeat: no-repeat !important;
        transform: translate(-50%,-50%) scale(.5);
    }

    .HomePage .glyphicon.glyphicon-chevron-right {
        -webkit-transform: translate(-46px,-60%) rotate( 135deg ) scale(.34,.34);
    }

    .HomePage .glyphicon.glyphicon-chevron-left {
        -webkit-transform: translate(-34px,-60%) rotate(315deg) scale(.34,.34);
    }

    .myCompass_users_label {
        display: inline;
    }

    div.black-Dog-Institute-width {
        width: 235px;
    }

    .owl-carousel.owl-loaded i.fa.fa-play-circle-o.palyicon {
        -webkit-transform: translate(-50%,-50%);
    }

    .login_div .login p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        position: absolute;
        top: 0;
    }

    .HomePage .featureSnippet.self-assesment {
        background-position-x: 0px;
        background-position-y: 100%;
    }
}

.Knowledge .table.tbl-extra-resource p {
    padding: 0px 10px;
}


@media only screen and (max-width:767px) and (orientation:landscape) {
    .dashboard div.completed-activities-main-div {
        display: flex !important;
    }

    .dashboard .inner-pause-activity.circle_div {
        padding-left: 20px;
    }
}

@media only screen and (min-width : 375px) and (max-height : 896px) and (orientation : landscape) {
    .dashboard div.completed-activities-main-div {
        display: flex !important;
    }

    .dashboard .inner-pause-activity.circle_div {
        padding-left: 20px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1023.8px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .dashboard div.complete-panel {
        margin-right: 34px;
    }

    .myCompassMobile {
        align-content: center;
        margin-top: 10px;
        padding-right: 10px;
    }

    .dashboard .inner-pause-activity.circle_div {
        padding-left: 20px;
    }

    .dashboard .circle.circleInButton.margin-left-paused-circle-22 {
        margin-top: 12px;
    }

    .login_div .login p.font_size_13.Basic-Paragraph.ParaOverride-1 {
        position: absolute;
        top: 0;
    }
}

li.return-to-Menu a, li.YourDashboard a {
    text-decoration: none;
}
/*Samsung Galaxy S21 v11.0*/
@media only screen and (min-device-width:358.8px) and (max-device-width:360.2px) {

    .tracking-graph-container .filter-section .add-an-entry {
        padding-left: 0 !important;
        padding-right: 0;
    }

    body div.tracking-setup-container ul.silder {
        top: -35px;
    }


    div.tracking-graph-container div.tracker-item {
        padding-left: 7px;
    }
}

.contact-us-content span.nowrap a {
    color: black !important;
    text-decoration: none !important;
}

    .contact-us-content span.nowrap a:hover {
        color: black !important;
        text-decoration: none !important;
    }

.aboutprogram-float-left {
    margin-left: 0px !important;
    width: auto !important;
}

.buttons-margin-top {
    margin-top: 30px !important;
}

.healthprofessionals {
    margin-top: 20px;
}

.profile-page {
    height: 375px !important;
}

.printable-brochures-text-margintop {
    margin-top: -15px;
}

div.header1 {
    font-family: DMSANS-REGULAR;
    font-size: 42pt;
    height: 258px;
    width: 100%;
    text-align: center;
    padding-top: 75px;
    background: url(/Images/Tracking_Splash.png),#fff5e8;
    background-repeat: no-repeat;
    background-position: left 0 bottom;
    background-size: 50% 850px;
}

.margin-right-selfassessmentsymptomscreener {
    margin-right: -52px !important;
}

.notification a {
    color: #656565;
    text-decoration: underline #e14504 !important;
}

    .notification a:hover {
        color: #e14504;
        text-decoration: underline #e14504 !important;
    }

.sleep-landing-container {
    position: relative;
}


.testimonial-declarations p {
    font-family: DMSans-Medium;
    font-size: 14.024pt;
    line-height: 16.829pt;
    font-weight: normal;
}

.testimonial-declarations.padding100 {
    margin-bottom: 0;
}

.about_SelfAssessment .accordion-content-padding a {
    color: #616161;
    text-decoration: underline #e14504;
}

    .about_SelfAssessment .accordion-content-padding a:hover {
        color: #e14504;
        text-decoration: underline #e14504 !important;
    }

.newUserModal-dialog p .a {
    color: #616161;
    text-decoration: underline #e14504;
}

    .newUserModal-dialog p .a:hover {
        color: #e14504;
        text-decoration: underline #e14504 !important;
    }

.modal-body a.footer-menu {
    color: #616161 !important;
    text-decoration: underline #e14504 !important;
    -webkit-text-decoration: underline #e14504 !important;
    -webkit-text-decoration-color: #e14504 !important;
}

.modal-body a:hover.footer-menu {
    color: #e14504;
    text-decoration: underline #e14504 !important;
}

p.symptoms-persist {
    font-family: DMSans-Regular;
    font-size: 12pt !important;
    color: #000;
}

@media screen and (width: 1218px) {
    .module_activities_page div.row.progressbar-for-activity div.progress-div-line.sleep {
        margin-left: 160px;
        width: 103%;
    }

    .container-fluid div.row.PrimaryGraphics {
        background-size: 50% 92% !important;
    }
}


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

    .position-relative_web {
        position: relative;
    }
}

.profileselfassessmentModal p.symptoms-persist {
    font-family: DMSans-Regular;
    font-size: 14pt !important;
    color: #000;
}

.Knowledge .depression-factsheet-link .knowledgeCentre-QuickLinks-Headings a {
    text-decoration: none;
    box-shadow: inset 0 0px 0 0 #e14504 !important;
    border: none;
    border-bottom: 1px solid #e14504;
    border-radius: 0;
    color: #616161 !important;
    padding: 0 !important;
}

    .Knowledge .depression-factsheet-link .knowledgeCentre-QuickLinks-Headings a:hover {
        background-color: transparent !important;
        color: #e14504 !important;
    }

.mobile_number_div .mobile_number_div_error .error {
    color: #e14504 !important;
}

.mobile_number_div .mobile_number_box input {
    color: black;
    font-size: 14pt;
    font-family: 'DMSANS-REGULAR';
    background-color: TRANSPARENT !important;
}

.Knowledge .depression-factsheet-link .knowledgeCentre-QuickLinks-Headings a {
    font-size: 18pt !important;
    color: #616161 !important;
    line-height: 23pt;
    letter-spacing: 0 !important;
    font-family: DMSans-Regular !important;
    text-transform: capitalize;
}
/*Ipad-4th*/
@media only screen and (min-device-width:767.8px) and (max-device-width:768.2px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    div.registration-dotGraphics-step1 img {
        margin-top: -393px !important;
        height: 622px;
    }

    .margin-left-4per.mobile-remove-guter {
        margin-left: 0;
    }
}

@media screen and (device-width: 768px) {
    body div.body-content {
        overflow: visible;
    }
}
/*Galaxy Tab S7*/
@media screen and (device-width: 753px) and (orientation:portrait) {
    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish, .back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        max-width: 220px !important;
    }

    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        left: 0;
        margin-left: 0;
    }

    body .tracking-setup-container .silder li.step_1 {
        position: relative;
        left: 0;
        margin-left: 0;
    }

    body .tracking-setup-container .slider-container .right {
        text-align: right;
        margin-right: 20px;
    }

    .module-Container div.row.module-keep-learning {
        background-size: 100% 35%;
    }

    body div.header1.knowledge-header {
        background-size: 65% 850px !important;
    }

    form.register {
        padding: 15px;
    }

    body #setQuestionnaire .register-label {
        display: inline-block;
    }

    div.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        width: 220px !important;
    }

    div.Profile .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
        margin-right: 10px !important;
    }

    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        height: 44px !important;
        padding: 10px 8px !important;
    }

    .Home_Splash-text-width .get-started-button {
        max-width: 220px !important;
    }

    div span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        max-width: 220px !important;
        height: 44px !important;
        padding: 11px 8px !important;
    }

    a.text-center.get-started-button.getstartedbutton {
        max-width: 220px !important;
    }

    .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-right: 0px !important;
        max-width: 220px !important;
        float: right;
        height: 44px !important;
        padding: 11px 8px !important;
    }

    div.black-Dog-Institute-width {
        width: 100% !important;
    }

    div.crisesSupport-width {
        width: 100% !important;
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        height: 44px !important;
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish, .back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        height: 44px !important;
    }

    .Profile-Save-Button.button-orange.landing-self-back {
        padding-top: 10px !important;
    }

    .text-align-center.ipad-margin-top-about {
        margin-left: 14% !important;
    }

    div.ipad-margin-top-about {
        width: 72%;
    }

    .float-left-icons {
        margin-right: 0 !important;
    }

    div div.header-right img.bdiImgMobile {
        margin-top: 7px !important;
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -16px;
        padding-left: 10px;
        border-left: 0;
    }

    div.sidenav .header-right {
        margin-left: 25px;
    }

    .about-home-content .accordion-heading span:not(span.faicon) {
        color: #000 !important;
        right: 52px !important;
    }

    .about-home-content .media-right, .media > .pull-right {
        padding-left: 10px !important;
        margin-right: -36px !important;
    }

    .Register-Radio-Required3, .Register-Radio-Required, .Register-Radio-Required2 {
        float: left;
        padding-left: 25px;
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish.disabled, button.Profile-Save-Button.text-center.button-orange.landing-self-next-finish.disabled, button.btn.btnNext.btnsize.disabled {
        width: 210px !important;
        float: right !important;
    }

    button.btn.btnback {
        float: left !important;
        width: 210px !important;
    }

    div.container.footerHome.removeRow {
        padding: 0 20px 30px 20px !important;
    }

    div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: 30px;
    }

    .Knowledgecenter .glyphicon-menu-right, .Knowledgecenter .glyphicon-menu-left {
        top: 20px;
    }

    .margin-left-about {
        margin-left: 0px;
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 32% !important;
        width: 35% !important;
    }

    .sleep-landing-container .get-started-sleep {
        width: 32%;
        margin-left: 7%;
    }

    div.tracking-setup-container .Profile-Save-Button {
        width: 32% !important;
    }

    .btnNext {
        width: 210px !important;
    }
}

@media screen and (device-width: 753px) {
    div#userNav {
        width: 80%;
        margin: auto;
    }

    .float-left-icons {
        margin-right: 55px;
    }
}

/*Galaxy Tab S6*/
@media screen and (device-width: 712px) and (orientation:portrait) {
    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish, .back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        max-width: 220px !important;
    }

    form.register {
        padding: 15px;
    }

    div.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        width: 220px !important;
    }

    div.Profile .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
        margin-right: 10px !important;
    }

    body #setQuestionnaire .register-label {
        display: inline-block;
    }

    div.next-btn.first_question span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        height: 44px !important;
        padding: 10px 8px !important;
    }

    .Home_Splash-text-width .get-started-button {
        max-width: 220px !important;
    }

    div span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-back {
        max-width: 220px !important;
        height: 44px !important;
        padding: 11px 8px !important;
    }

    a.text-center.get-started-button.getstartedbutton {
        max-width: 220px !important;
    }

    .next-btn span.dasbord.Profile-Save-Button.text-center.button-orange.btnOrange.landing-self-next-finish {
        margin-right: 0px !important;
        max-width: 220px !important;
        float: right;
        height: 44px !important;
        padding: 11px 8px !important;
    }

    div.black-Dog-Institute-width {
        width: 100% !important;
    }

    div.crisesSupport-width {
        width: 100% !important;
    }

    .tab-content .first_question .Profile-Save-Button.button-orange.landing-self-next-finish {
        height: 44px !important;
    }

    .tab-content .Profile-Save-Button.button-orange.landing-self-next-finish, .back_btn_div .Profile-Save-Button.button-orange.landing-self-back {
        height: 44px !important;
    }

    .Profile-Save-Button.button-orange.landing-self-back {
        padding-top: 10px !important;
    }

    .text-align-center.ipad-margin-top-about {
        margin-left: 14% !important;
    }

    div.ipad-margin-top-about {
        width: 72%;
    }

    .float-left-icons {
        margin-right: 0 !important;
    }

    div div.header-right img.bdiImgMobile {
        margin-top: 7px !important;
    }

    .header-right img.bdiImgMobile {
        width: 116px !important;
        margin-left: -16px;
        padding-left: 10px;
        border-left: 0;
    }

    div.sidenav .header-right {
        margin-left: 25px;
    }

    .about-home-content .accordion-heading span:not(span.faicon) {
        color: #000 !important;
        right: 52px !important;
    }

    .about-home-content .media-right, .media > .pull-right {
        padding-left: 10px !important;
        margin-right: -36px !important;
    }

    .Register-Radio-Required3, .Register-Radio-Required, .Register-Radio-Required2 {
        float: left;
        padding-left: 25px;
    }

    .Profile-Save-Button.button-orange.landing-self-next-finish.disabled, button.Profile-Save-Button.text-center.button-orange.landing-self-next-finish.disabled, button.btn.btnNext.btnsize.disabled {
        width: 210px !important;
        float: right !important;
    }

    button.btn.btnback {
        float: left !important;
        width: 210px !important;
    }

    div.container.footerHome.removeRow {
        padding: 0 20px 30px 20px !important;
    }

    div.Knowledge .lnkShowNext-div .lnkFinishTab {
        margin-top: 30px;
    }

    .Knowledgecenter .glyphicon-menu-right, .Knowledgecenter .glyphicon-menu-left {
        top: 20px;
    }

    .margin-left-about {
        margin-left: 0px;
    }

    div.Activity-Landing-Session-Begin-Button {
        margin: 25px 32% !important;
        width: 35% !important;
    }

    .sleep-landing-container .get-started-sleep {
        width: 32%;
        margin-left: 7%;
    }

    div.tracking-setup-container .Profile-Save-Button {
        width: 32% !important;
    }

    .btnNext {
        width: 210px !important;
    }

    .btn.btnback {
        margin-left: -10px;
        width: 210px !important;
        margin-right: -2px !important;
    }


    .registration-body .user-self-assessment .btnNext.btnsize, .symptomScreener .self-assement-div-height .btnNext.btnsize {
        width: 210px !important;
    }

    .back-button button.btn.btnback {
        background: 0 0;
        color: #d64204;
        float: left !important;
    }
}

div.modal-body a.footer-menu {
    -webkit-text-decoration: underline #e14504 !important;
    -webkit-text-decoration-color: #e14504 !important;
}
/*IPad 6  */
@media screen and (min-device-width:767px) and (max-device-width:800px) {
    body nav.navbar.container-fluid.navbar-default.clr {
        width: 100%;
        top: 0;
        position: relative;
        z-index: unset;
    }

    div.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        width: 220px !important;
    }

    div.Profile .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
    }

    div.Profile .margin-bottom-4 {
        margin-bottom: 0 !important;
    }

    div.register-selfassessment .first_question {
        left: 0% !important;
        display: flex !important;
        justify-content: center !important;
    }
}

/*iPad Mini S6*/
@media screen and (device-width: 778px) and (orientation:portrait) {

    div.Profile button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        width: 220px !important;
    }



    .browseSnippets #myCarousel .glyphicon.glyphicon-chevron-left:before {
        content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABnCAYAAAD2duf6AAAACXBIWXMAABcRAAAXEQHKJvM/AAABT0lEQVR4Xu3UsVHDABBFwRNjxbgT0wRugxZcCiVQgktwK7gRkZArQrxgN7nkZ2/mlm3bhv/1vK7nmbnPzO20N+YQj5m5zMzjZWfIMS6/91WQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJEaQGEFiBIkRJOY0M/O8rreZOe9sOcDy/X76mpmPvSHH8LJilm3b5nldP2fmbW/M3/sBaQoQ12kljNAAAAAASUVORK5CYII=) !important;
    }

    .favouriteSnippets #myCarousel .glyphicon.glyphicon-chevron-left {
        transform: translate(0,0) rotate(130deg) scale(.5,.5) !important;
    }

    div.favouriteSnippets {
        padding-bottom: 0px;
    }

    div.Profile .mobile-button-next button.btn1.continueclr1.btn-mobile.mobile-continueclr1.loginbtn.continue1.Profile-Save-Button {
        float: right;
        margin-right: 10px !important;
    }
}

.about-home-content .accordion-content a.accordion-toggle {
    color: #e14504 !important;
}


@media screen and (min-device-width :320px) and (max-device-width :325px) and (orientation:landscape) {
    body.Landscape nav.navbar.container-fluid.navbar-default.clr.position_absolute_in_Iphone_5SE {
        position: absolute !important;
        z-index: unset !important;
    }
}

@media screen and (min-device-width :391px) and (max-device-width :396px) and (orientation:landscape) {
    body.Landscape nav.navbar.container-fluid.navbar-default.clr.position_absolute_in_Iphone_5SE {
        position: absolute !important;
        z-index: unset !important;
    }
}


.contact-us-content a {
    -webkit-text-decoration-color: #e14504;
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .module-Container div.row.module-keep-learning {
        margin-bottom: -60px;
    }

    .slider-container ul.silder_number_pointers {
        width: 100%;
    }

    .tracking-setup-container .silder li.step_10, .tracking-setup-container .silder li.step_9, .tracking-setup-container .silder li.step_8, .tracking-setup-container .silder li.step_7, .tracking-setup-container .silder li.step_6, .tracking-setup-container .silder li.step_5, .tracking-setup-container .silder li.step_4, .tracking-setup-container .silder li.step_3, .tracking-setup-container .silder li.step_2, .tracking-setup-container .silder li.step_11 {
        left: 0;
        margin-left: 0;
    }

    .tracking-setup-container .silder li.step_1 {
        position: relative;
        left: -5px;
        margin-left: 0;
    }

    div.tracking-setup-container ul.silder {
        width: 100%;
    }
}

.silder li {
    display: inline-block;
    width: 4px;
    background: #e14504;
    height: 4px;
    border-radius: 50%;
}

    .silder li.step_10 {
        left: 4px !important;
        position: relative;
    }

    .silder li.step_2 {
        left: 0;
        position: relative;
    }

    .silder li.step_3 {
        left: 0;
        position: relative;
    }

    .silder li.step_4 {
        left: -3px !important;
        position: relative;
    }

    .silder li.step_5 {
        left: -2px !important;
        position: relative;
    }

    .silder li.step_6 {
        left: 0 !important;
        position: relative;
    }

    .silder li.step_7 {
        left: 0 !important;
        position: relative;
    }

    .silder li.step_8 {
        left: 0 !important;
        position: relative;
    }

    .silder li.step_9 {
        left: 0 !important;
        position: relative;
    }

    .silder li.step_11 {
        left: 8px !important;
        position: relative;
    }

    .silder li.step_1 {
        position: relative;
        left: 1%;
    }

.tracking-setup-container ul.silder {
    position: relative;
    top: -49px;
    z-index: 0;
    padding-inline-start: 0px;
    width: 60%;
    max-width: 100%;
    -webkit-padding-start: 0px;
}

.tracking-setup-container .slider input[type="range"]::-webkit-slider-runnable-track, .tracking-setup-container .slider input[type="range"]::-moz-range-track {
    z-index: 5;
}

.tracking-setup-container .slider-container .slider input[type=range]::-webkit-slider-thumb, .tracking-setup-container .slider-container .slider input[type=range]::-moz-range-thumb {
    z-index: 2;
}


.tracking-setup-container .slider-container .slider {
    position: relative;
}

/*iphone 12 min*/
@media only screen and (device-width: 375px)and (orientation:portrait) {

    body div.tracking-setup-container ul.silder {
        top: -35px;
    }
}
/*/*iphone 7 */
@media only screen and (device-width: 375px) and (device-height: 667px) and (orientation:portrait) {
    body div.tracking-setup-container .silder li.step_10, body div.tracking-setup-container .silder li.step_9, body div.tracking-setup-container .silder li.step_8, body div.tracking-setup-container .silder li.step_7, body div.tracking-setup-container .silder li.step_6, body div.tracking-setup-container .silder li.step_5, body div.tracking-setup-container .silder li.step_4, body div.tracking-setup-container .silder li.step_3, body div.tracking-setup-container .silder li.step_2, body div.tracking-setup-container .silder li.step_11 {
        left: 0;
        margin-left: 0;
    }


    body div.tracking-setup-container ul.silder {
        top: -40px;
    }
}


ul.silder_number_pointers {
    position: relative;
    top: -45px;
    z-index: 0;
    padding-inline-start: 0px;
    width: 60%;
    max-width: 100%;
    -webkit-padding-start: 0px;
    font-family: DMSans-Regular;
}

    ul.silder_number_pointers li {
        display: inline-block;
        width: 4px;
        background: transparent;
        height: 4px;
        border-radius: 50%;
        font-size: 12pt;
    }


.silder_number_pointers li.step_10 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_2 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_3 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_4 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_5 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_6 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_7 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_8 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_9 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_11 {
    left: 0;
    position: relative;
}

.silder_number_pointers li.step_1 {
    position: relative;
    left: 0;
}


img._idGenObjectAttribute-Profile.feedback {
    height: 48px;
    margin-top: 5px;
}

/*iPhone 12 and iPhone 12 Pro*/
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation:portrait) {
    ul.silder_number_pointers li.step_1 {
        width: 1px;
        height: 1px
    }

    ul.silder_number_pointers li.step_2, ul.silder_number_pointers li.step_3, ul.silder_number_pointers li.step_4, ul.silder_number_pointers li.step_5, ul.silder_number_pointers li.step_6, ul.silder_number_pointers li.step_7, ul.silder_number_pointers li.step_8, ul.silder_number_pointers li.step_9, ul.silder_number_pointers li.step_10, ul.silder_number_pointers li.step_11 {
        width: 4px;
    }

    .tracking-setup-container .silder li.step_10, .tracking-setup-container .silder li.step_9, .tracking-setup-container .silder li.step_8, .tracking-setup-container .silder li.step_7, .tracking-setup-container .silder li.step_6, .tracking-setup-container .silder li.step_5, .tracking-setup-container .silder li.step_4, .tracking-setup-container .silder li.step_3, .tracking-setup-container .silder li.step_2, .tracking-setup-container .silder li.step_11 {
        margin-left: 0;
    }
}

/*iPhone 11*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait) {
    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        margin-left: 0;
    }
}
/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)and (orientation:portrait) {
    div.silder_number_pointers li.step_1 {
        width: 1px;
        height: 1px;
    }

    body div.tracking-setup-container .silder li.step_10, body div.tracking-setup-container .silder li.step_9, body div.tracking-setup-container .silder li.step_8, body div.tracking-setup-container .silder li.step_7, body div.tracking-setup-container .silder li.step_6, body div.tracking-setup-container .silder li.step_5, body div.tracking-setup-container .silder li.step_4, body div.tracking-setup-container .silder li.step_3, body div.tracking-setup-container .silder li.step_2, body div.tracking-setup-container .silder li.step_11 {
        margin-left: 0;
    }
}

/*   Pixel 5*/
@media only screen and (device-width: 851px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .silder_number_pointers li.step_1 {
        width: 1px;
        height: 1px;
    }
}

/*iPad Pro 12.9 2021*/
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    body .tracking-setup-container ul.silder {
        top: -17px;
        width: 100%;
        position: relative;
        padding: 0px 8px 0px 7px;
    }

    body div.tracking-setup-container .silder li.step_10, body div.tracking-setup-container .silder li.step_9, body div.tracking-setup-container .silder li.step_8, body div.tracking-setup-container .silder li.step_7, body div.tracking-setup-container .silder li.step_6, body div.tracking-setup-container .silder li.step_5, body div.tracking-setup-container .silder li.step_4, body div.tracking-setup-container .silder li.step_3, body div.tracking-setup-container .silder li.step_2, body div.tracking-setup-container .silder li.step_11 {
        margin-left: 0;
        left: 0;
    }

    ul.silder_number_pointers {
        width: 100%;
    }

    .silder_number_pointers li.step_1 {
        width: 1px;
        left: 0;
    }

    div ul.silder_number_pointers li.step_2, div ul.silder_number_pointers li.step_3, div ul.silder_number_pointers li.step_4, div ul.silder_number_pointers li.step_5, div ul.silder_number_pointers li.step_6, div ul.silder_number_pointers li.step_7, div ul.silder_number_pointers li.step_8, div ul.silder_number_pointers li.step_9, div ul.silder_number_pointers li.step_10, div ul.silder_number_pointers li.step_11 {
        width: 0 !important;
        left: 0;
        text-align: right;
    }
}
/*Ipad 8*/
@media (min-device-width: 809.02px) and (max-device-width: 810.98px) and (orientation:portrait) {
    ul.silder_number_pointers {
        width: 100%;
    }

        ul.silder_number_pointers li.step_2, ul.silder_number_pointers li.step_3, ul.silder_number_pointers li.step_4, ul.silder_number_pointers li.step_5, ul.silder_number_pointers li.step_6, ul.silder_number_pointers li.step_7, ul.silder_number_pointers li.step_8, ul.silder_number_pointers li.step_9, ul.silder_number_pointers li.step_10, ul.silder_number_pointers li.step_11 {
            width: 0;
        }

    body .tracking-setup-container ul.silder li {
        margin-left: 0;
    }
}

/*iPad Mini*/
@media (min-width: 767.98px) and (max-width: 768.02px) and (orientation:portrait) {
    body .tracking-setup-container ul.silder li {
        margin-left: 0;
        left: 0;
    }
}

/*Samsung Galaxy Tab S7*/
@media only screen and (min-device-width:752.8px) and (max-device-width:753.2px) and (orientation: portrait) {
    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        margin-left: 0;
    }
}

/*iPhone 11 Pro max*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation:portrait) {
    body .tracking-setup-container .silder li.step_10, body .tracking-setup-container .silder li.step_9, body .tracking-setup-container .silder li.step_8, body .tracking-setup-container .silder li.step_7, body .tracking-setup-container .silder li.step_6, body .tracking-setup-container .silder li.step_5, body .tracking-setup-container .silder li.step_4, body .tracking-setup-container .silder li.step_3, body .tracking-setup-container .silder li.step_2, body .tracking-setup-container .silder li.step_11 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    @-moz-document url-prefix() {
        div.login .radio .register-cr {
            height: 17.527px;
        }
    }
}

@-moz-document url-prefix() {
    @media (min-width:1200px) {
        div.login .radio .register-cr {
            height: 17.527px;
        }
    }
}

@supports (animation: calc(0s)) {
    @media (min-width:1200px) {
        div.login .radio .register-cr {
            height: 17.527px;
        }
    }
}

body ul.silder_number_pointers {
    display: flex;
    justify-content: space-between;
    color: #000;
    width: 100%;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    padding: 0 10px 0px 4px;
}

body .tracking-setup-container ul.silder {
    display: flex;
    justify-content: space-between;
    color: #000;
    width: 100%;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}


    body .tracking-setup-container ul.silder li {
        display: inline-block;
        padding: 0;
        box-shadow: none;
        margin-top: 0px;
        background-color: #e14504;
        border-radius: 100%;
        color: transparent;
        width: 10px;
        height: 10px;
        border: 0px solid;
        line-height: 0 !important;
    }



.menu-login.HealthProfessional .HealthProfessional-p {
    padding-left: 14px;
}


.HealthProfessional-nav {
    float: left;
}

.a-HealthProfessional p {
    width: 100% !important;
}

.loginbox.HealthProfessional-ul {
    margin-top: 15px !important;
}

.healthprofessional button.btnOrange {
    text-align: center;
    margin-bottom: 10px;
}




@media screen and (min-width: 768px) and (max-width: 1199.98px) and (orientation: portrait) {

    .healthprofessional label.margin-bottom-20 {
        padding-left: 0px !important;
    }

    .healthprofessional button.Profile-Save-Button.button-orange.margin-top-15px {
        margin-bottom: 15px;
    }

    .Home_Splash_button {
        width: 100% !important;
    }
}

@media (min-width: 768.02px) and (max-width: 1199.98px) and (orientation:landscape) {
    .healthprofessional label.margin-bottom-20 {
        padding-left: 0px !important;
    }

    .healthprofessional button.Profile-Save-Button.button-orange.margin-top-15px {
        margin-bottom: 15px;
    }
}

.tracking-graph-container .add-an-entry {
    width: 150px;
}


.badgestyle {
    width: 105px;
    height: 26px;
    gap: 0px;
    opacity: 0px;
    font-family: DMSans-Regular;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    border-radius:18px
}
 div.selfassestextsizecontent p i {
    font-weight: 500;
 }
 .selfassestextsizecontent p i {
    font-weight: 500;
 }

.col-md-12.margin-top-20.width-100-per.selfAssessment-padding-0.padding_right_0_desktop.padding_right_0_Ipadpro {
    margin-bottom: 20px;
}