@import url(fonts.css);

div.ui-dialog-titlebar {
    background: #EA8548;
}

.ui-dialog button.ui-dialog-titlebar-close {
    background: none !important;
}

    .ui-dialog button.ui-dialog-titlebar-close:before {
        content: "\00d7";
        color: #fff;
        position: absolute;
        top: -3px;
        right: 10px;
        text-indent: 0;
        font-size: 1.5em;
    }

#modulesContainer {
    display: none !important;
}

span.radio-text {
    padding-left: 10px;
    display: block !important;
    width: 100% !important;
}
/* SN-52 Changes Starts  */
.Complete {
    color: rgb(89,175,225);
    pointer-events: none;
    cursor: default;
}

.Unavailable {
    color: Gray;
    pointer-events: none;
    cursor: default;
}

.Incomplete {
    color: Red;
}

.sleepNoteText {
    font-style: italic;
    font-size: 15px !important;
}

.SleepDiaryDashboard-list {
    list-style: none;
    margin-left: -40px;
    margin-top: 10px;
}
/* SN-52 Changes Ends*/
* {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

html {
    position: relative;
    min-height: 100%;
    background: #FFB753;
    /*background: url(../img/feature-image.png), #FFB753;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto 50%;*/
}

body {
    font-family: 'Lato', Arial, sans-serif !important;
    font-size: 18px;
    background: transparent !important;
    color: #31261D;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1, h1.lbllogin span {
    font-family: 'Lato-Bold', Arial, sans-serif !important;
    font-weight: bold !important;
    color: #31261D;
    font-size: 32px;
}
/*.register-box
{
    display: none;
}*/

div#loginBox {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px !important;
}

#header {
    text-align: center;
}

    #header .login-status-box a {
        color: rgb(4, 5, 72) !important;
        text-decoration: underline;
    }

        #header .login-status-box a.aspNetDisabled {
            text-decoration: none;
            margin-right: 30px;
        }

        #header .login-status-box a:hover {
            text-decoration: none;
        }

.logos-container {
    padding: 10px;
}

.header-image-container img {
    width: 50%;
    max-width: 300px;
}

#header .black-dog-institute-logo-container img {
    width: 100%;
}

#header .future-proof-logo-container img {
    width: 50%;
}

#header .black-dog-logo-container {
    position: relative;
    padding-left: 0px;
}

#header .black-dog-logo-institute-container img {
    margin-top: 10px;
}

#header .black-dog-institute-logo-container {
    padding-right: 0px;
}

h1.green {
    color: #69bd3f;
}

h2 {
    font-size: 20px;
}

h3 {
    color: #FBB03B;
    font-size: 18px;
    margin-bottom: 8px;
}

hr {
    border: 0;
    font-size: 0;
    background: url(/img/horizontal-divider.gif) no-repeat;
}

input, textarea {
    font-size: 12px;
}

.error-msg {
    color: #FF0000;
    padding-bottom: 2px;
    display: block;
}

.notification {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #29ABE2;
    padding: 10px;
    background-color: #EEF8FD;
    color: #29ABE2;
}

.errornotification {
    display: block;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #FFBBAA;
    padding: 10px;
    background-color: #FFEBE1;
    color: #FF0000;
}

.clear {
    border: 0 none;
    clear: both;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

a:disabled {
    color: red !important;
}

p {
    margin-top: 0;
}

ol {
    padding-left: 17px;
}

.orange {
    color: #FBB03B;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.width-40 {
    width: 40px;
}

.width-50 {
    width: 50px;
}

.width-62 {
    width: 62px;
}

.width-130 {
    width: 130px;
}

.width-135 {
    width: 135px;
}

.width-180 {
    width: 180px;
}

.width-250 {
    width: 250px;
}

.width-380 {
    width: 380px;
}

.margin0 {
    margin: 0;
}

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

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

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

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

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-N-13 {
    margin-right: -13px;
}

.margin-right-14 {
    margin-right: 14px;
}

.margin-right-30 {
    margin-right: 30px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-20 {
    padding: 20px;
}

.pad-bot-16 {
    padding-bottom: 16px;
}

.pad-top-18 {
    padding-top: 18px;
}

.center {
    text-align: center;
}

.btn-box {
    height: 26px;
    margin-top: 20px;
}

    .btn-box .btn {
        float: left;
        margin-right: 10px;
    }

.btn {
    display: block;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.btn-box .btn-common {
    float: left;
    margin-right: 10px;
}

.btn-common {
    display: block;
    text-indent: -9999px; /*font-size: 0 !important;*/
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

#footer {
    background-color: #FEF5E9 !important;
    border-radius: unset !important;
    padding: 50px 0px;
    /* height: 120px; */
}

    #footer .container {
        background-color: #FEF5E9 !important;
        border-radius: unset !important;
        /* padding: 0 50px; */
        font-size: 14px;
    }

        #footer .container .row {
            font-weight: bold;
            font-size: 18px;
        }

    #footer .footer-resources {
        margin-top: 30px;
        margin-bottom: 30px;
    }

        #footer .footer-resources img {
            width: 150px;
            margin-right: 15px;
            float: left;
        }

    #footer ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        #footer ul li {
            padding: 2px 5px;
            display: inline-block;
        }

            #footer ul li:first-child {
                padding-left: 0px;
            }

            #footer ul li a {
                color: #31261D;
                font-size: 14px;
            }

                #footer ul li a:hover {
                    color: #31261D;
                }


@media screen and (max-width: 768px) {
    div#footer {
        background: #FEF5E9 !important;
    }

    div.ArrangeVerticallyforMobileView .inputs {
        margin-top: -1px !important;
    }

    div.question.Matrix .matrix .row input:checked:after {
        left: -4px !important;
    }

    input.ButtonBlue.SurveyBackButton {
        margin-left: -15px;
    }

    .choiceInlineNarrow span.answer {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 100% !important;
    }

    a#lBtnLogout {
        padding-left: 24px;
    }

    .question.MultiChoice.Wide-question-inline-Answers[taggedfieldid="49"] .choiceInlineNarrow span.answer {
        width: 36% !important;
    }

        .question.MultiChoice.Wide-question-inline-Answers[taggedfieldid="49"] .choiceInlineNarrow span.answer:nth-child(even) {
            margin-left: 64px;
        }

    .question.MultiChoice.Wide-question-inline-Answers[taggedfieldid="49"] span.radio-text {
        margin-top: 12px;
        margin-bottom: 42px;
    }

    .ArrangeVerticallyforMobileView div.below {
        margin-top: 1em;
    }

    div.question.Matrix .matrix .row input:before, .question.MultiChoice .inputs input:before {
        left: -4px !important;
        top: -2px !important;
    }

    .buttonOrange, .ButtonBlue, input.buttonOrange, input.ButtonBlue {
        margin-right: 0 !important;
    }

    .question.Matrix.unanswered .matrix .row input:before {
        left: -2px !important;
        top: 0px !important;
    }

    div.question.Matrix.unanswered .matrix .row label.matrixError input:before {
        left: 0px !important;
    }


    .question.Matrix.unanswered .matrix .row input {
        height: 24px !important;
    }

    .question.Matrix .answerMob p {
        margin-top: 5px;
        margin-left: 5px;
    }

    div.question.Matrix .matrix .row input:checked:after {
        top: -3px !important;
    }

    div.question.Matrix.unanswered .matrix .row input:checked:after {
        left: -2px !important;
    }

    .question.Checkboxes.Wide-question-inline-Answers div.choiceInlineNarrow {
        width: 100% !Important;
    }

    .question.Checkboxes.Wide-question-inline-Answers span.checkbox-tex {
        word-break: break-all;
    }
}


.surveyBox {
    width: 885px;
}

.hdr-new {
    color: #DE6519 !important;
}

.moduleButtonActive {
    background: none #ee751d repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButtonActive:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.moduleButton {
    background: none orange repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButton:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_outer {
    background: none orange repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_active .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_hover .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.studyheader {
    float: left;
    margin-top: 70px;
    margin-left: 20px;
    font-size: 25px;
    font-weight: bold;
}


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

.width-190 {
    width: 190px;
}

.logo-img {
    width: 190px;
    margin-left: 20px;
    margin-top: 5px;
}


.lblFitMindKitHeader {
    font-size: 450%;
    color: White;
}


#loginBox .buttonOrange {
    margin-right: 3px;
}

.field-box {
    display: block !important;
}

h3.inlinewideQuestion {
    width: 60% !important;
}

.choiceInlineNarrow {
    width: 38% !important;
}

.MsoTableGrid {
    width: 800px !important;
    height: 600px !important;
    margin-top: -1cm !important;
}



.survey_content {
    font-size: 15px;
}

h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion {
    color: Black !important; /* font-size: 1.2em; */
}

.question unanswered {
    /* font-size: 1.2em; */
}

.choiceBelowBlock {
    /* font-size: 1.2em; */
}

table.matrix {
    /* font-size: 1.2em; */
}

.standardDetails {
    /* font-size: 1.2em; */
}

div.buttons {
    padding: 0px 0px 0px !important;
}

.rtlInputs #loginBox {
    direction: rtl;
}

.rtlInputs input, .rtlInputs textarea {
    direction: rtl;
    unicode-bidi: embed;
}

.rtlInputs .inputalt p, .rtlInputs .surveyWrapper, .rtlInputs .choiceBelowBlock {
    direction: rtl;
}

    .rtlInputs .surveyWrapper select, .rtlInputs .surveyWrapper input {
        float: left;
    }

    .rtlInputs .surveyWrapper .question .inlinewideQuestion, .rtlInputs .surveyWrapper .question .inlinewideDetails, .rtlInputs .surveyWrapper .question span.question {
        float: right !important;
    }

.rtlInputs .froala-wrapper.f-basic {
    direction: rtl;
    text-align: right;
}

.rtlInputs .WebProgram {
    direction: rtl;
}

.rtlInputs .choiceBelowBlock span.answer {
    display: table !important;
}

.rtlInputs .surveyWrapper .choiceBelow input {
    float: none !important;
}

.rtlInputs .choiceBelowBlock .dragableAnswers span.answer {
    display: block !important;
}

.rtlInputs #loginBox label {
    float: right !important;
}

.workflowButtons {
    padding-top: 10px;
}

.ButtonBlue {
    height: 30px !important;
    padding: 0 10px;
    font-size: 13px;
    background: #96d4f6; /* Old browsers */
    background: -moz-linear-gradient(#96d4f6, #52a5eb); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #96d4f6 5%, #52a5eb 100%);
    background-image: -ms-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: -o-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: linear-gradient(to bottom, #96d4f6, #52a5eb);
    text-indent: 0;
    color: white;
    font-weight: bold;
    border: 1px solid #84bbf3;
    border-radius: 5px !important;
    cursor: pointer;
}

    .ButtonBlue:hover {
        background: #52a5eb;
        background: -moz-linear-gradient(#52a5eb, #96d4f6);
        background: -webkit-linear-gradient(top, #52a5eb 5%, #96d4f6 100%);
        background-image: -ms-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: -o-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: linear-gradient(to bottom, #52a5eb, #96d4f6);
    }

.buttonOrange, .ButtonBlue {
    margin-right: 0px;
    font-size: 13px;
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    background-color: #ffc477 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    border: 1px solid #eeb44f !important;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    line-height: 27px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #ffc477, #fb9e25) !important; /* font-size: 15px; */
}

    .buttonOrange:hover, .ButtonBlue:hover {
        background-color: #fb9e25;
        cursor: pointer;
        background-image: linear-gradient(to bottom, #fb9e25, #fb9e25);
    }

    .buttonOrange:active, .ButtonBlue:Active {
        /*position: relative;
        top: 1px;*/
    }

nav.navbar-inverse, div.navbar-inverse {
    background-color: #EA8548;
    border-color: #EA8548;
}

.printSurvey {
    margin-top: 30px;
}

#lblHeader {
    float: left; /* display:none; */
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.field-lbl, h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion, .question {
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    margin-top: 5px;
}
/*.register-box
{
    display: none;
}*/


#header {
    text-align: center;
    background: #FFF0D0;
}

    #header .logo-text {
        float: left;
        margin: 1% 0 0 3%;
    }

    #header .logo-sign {
        float: right;
        margin: 4px 4px 0 0;
    }

h1.green {
    color: #69bd3f;
}

h2 {
    font-size: 20px;
}

h3 {
    color: #FBB03B;
    font-size: 18px;
    margin-bottom: 8px;
}

hr {
    border: 0;
    font-size: 0;
    background: url(/img/horizontal-divider.gif) no-repeat;
}

input, textarea {
    font-size: 12px;
}

.error-msg {
    color: #FF0000;
    padding-bottom: 2px;
    display: block;
}

.notification {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #29ABE2;
    padding: 10px;
    background-color: #EEF8FD;
    color: #29ABE2;
}

.errornotification {
    display: block;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #FFBBAA;
    padding: 10px;
    background-color: #FFEBE1;
    color: #FF0000;
}

.clear {
    border: 0 none;
    clear: both;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

a:disabled {
    color: red !important;
}

p {
    margin-top: 0;
}

ol {
    padding-left: 17px;
}

.orange {
    color: #FBB03B;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.width-40 {
    width: 40px;
}

.width-50 {
    width: 50px;
}

.width-62 {
    width: 62px;
}

.width-130 {
    width: 130px;
}

.width-135 {
    width: 135px;
}

.width-180 {
    width: 180px;
}

.width-250 {
    width: 250px;
}

.width-380 {
    width: 380px;
}

.margin0 {
    margin: 0;
}

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

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

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

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

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-N-13 {
    margin-right: -13px;
}

.margin-right-14 {
    margin-right: 14px;
}

.margin-right-30 {
    margin-right: 30px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-20 {
    padding: 20px;
}

.pad-bot-16 {
    padding-bottom: 16px;
}

.pad-top-18 {
    padding-top: 18px;
}

.center {
    text-align: center;
}

.btn-box {
    height: 26px;
    margin-top: 20px;
}

    .btn-box .btn {
        float: left;
        margin-right: 10px;
    }

.btn {
    display: block;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.btn-box .btn-common {
    float: left;
    margin-right: 10px;
}

.btn-common {
    display: block;
    text-indent: -9999px; /*font-size: 0 !important;*/
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.surveyBox {
    width: 885px;
}

.hdr-new {
    color: #DE6519 !important;
}

.moduleButtonActive {
    background: none #ee751d repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButtonActive:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.moduleButton {
    background: none orange repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButton:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_outer {
    background: none orange repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_active .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_hover .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.studyheader {
    float: left;
    margin-top: 70px;
    margin-left: 20px;
    font-size: 25px;
    font-weight: bold;
}


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

.width-190 {
    width: 190px;
}

.logo-img {
    width: 190px;
    margin-left: 20px;
    margin-top: 5px;
}


.lblFitMindKitHeader {
    font-size: 450%;
    color: White;
}


#loginBox .buttonOrange {
    margin-right: 3px;
}

.field-box {
    display: block !important;
}

h3.inlinewideQuestion {
    width: 60% !important;
}

.choiceInlineNarrow {
    width: 38% !important;
}

.MsoTableGrid {
    width: 800px !important;
    height: 600px !important;
    margin-top: -1cm !important;
}


.survey_content {
    font-size: 15px;
}

h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion {
    color: Black !important; /* font-size: 1.2em; */
}

.question unanswered {
    /* font-size: 1.2em; */
}

.choiceBelowBlock {
    /* font-size: 1.2em; */
}

table.matrix {
    /* font-size: 1.2em; */
}

.standardDetails {
    /* font-size: 1.2em; */
}

div.buttons {
    padding: 0px 0px 0px !important;
}

.rtlInputs #loginBox {
    direction: rtl;
}

.rtlInputs input, .rtlInputs textarea {
    direction: rtl;
    unicode-bidi: embed;
}

.rtlInputs .inputalt p, .rtlInputs .surveyWrapper, .rtlInputs .choiceBelowBlock {
    direction: rtl;
}

    .rtlInputs .surveyWrapper select, .rtlInputs .surveyWrapper input {
        float: left;
    }

    .rtlInputs .surveyWrapper .question .inlinewideQuestion, .rtlInputs .surveyWrapper .question .inlinewideDetails, .rtlInputs .surveyWrapper .question span.question {
        float: right !important;
    }

.rtlInputs .froala-wrapper.f-basic {
    direction: rtl;
    text-align: right;
}

.rtlInputs .WebProgram {
    direction: rtl;
}

.rtlInputs .choiceBelowBlock span.answer {
    display: table !important;
}

.rtlInputs .surveyWrapper .choiceBelow input {
    float: none !important;
}

.rtlInputs .choiceBelowBlock .dragableAnswers span.answer {
    display: block !important;
}

.rtlInputs #loginBox label {
    float: right !important;
}

.workflowButtons {
    padding-top: 10px;
}

.ButtonBlue {
    height: 30px !important;
    padding: 0 10px;
    font-size: 13px;
    background: #96d4f6; /* Old browsers */
    background: -moz-linear-gradient(#96d4f6, #52a5eb); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #96d4f6 5%, #52a5eb 100%);
    background-image: -ms-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: -o-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: linear-gradient(to bottom, #96d4f6, #52a5eb);
    text-indent: 0;
    color: white;
    font-weight: bold;
    border: 1px solid #84bbf3;
    border-radius: 5px !important;
    cursor: pointer;
}

    .ButtonBlue:hover {
        background: #52a5eb;
        background: -moz-linear-gradient(#52a5eb, #96d4f6);
        background: -webkit-linear-gradient(top, #52a5eb 5%, #96d4f6 100%);
        background-image: -ms-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: -o-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: linear-gradient(to bottom, #52a5eb, #96d4f6);
    }

.buttonOrange, .ButtonBlue {
    font-size: 13px;
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    background-color: #ffc477 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    border: 1px solid #eeb44f !important;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    line-height: 27px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #ffc477, #fb9e25) !important; /* font-size: 15px; */
}

.matrix .answerMob label.matrixError input[type=radio] {
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #e6e8e5 100%);
    -webkit-appearance: inherit !important;
    -moz-appearance: radio !important;
}

div.matrix .answerMob label.matrixError input[type=radio] {
    border: 2px solid Red;
}

.buttonOrange:hover, .ButtonBlue:hover {
    background-color: #fb9e25;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fb9e25, #fb9e25);
}

.buttonOrange:active, .ButtonBlue:Active {
    /*position: relative;
    top: 1px;*/
}

nav.navbar-inverse, div.navbar-inverse {
    background-color: #EA8548;
    border-color: #EA8548;
}

.printSurvey {
    margin-top: 30px;
}

#lblHeader {
    float: left; /* display:none; */
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.field-lbl, h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion, .questionbody {
    font-size: 18px;
    color: #000;
    margin: 0;
    padding: 0;
}
/*.register-box
{
    display: none;
}*/

div.body-content {
    margin-top: 0px;
    padding-bottom: 30px;
}

#header {
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: 100%; /* SN-80  End*/
}

    #header .logo-text {
        float: left;
        margin: 1% 0 0 3%;
    }

    #header .logo-sign {
        float: right;
        margin: 4px 4px 0 0;
    }

.login-status-box {
    text-align: center;
}

.future-proof-logo-container {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #header .header-image-container {
        padding-top: 15px;
    }

    #header .black-dog-institute-logo-container img {
        width: 75%;
    }

    #header .future-proof-logo-container img {
        width: 38%;
    }

    #header .black-dog-institute-logo-container:after {
        content: "";
        position: absolute;
        border-right: 2px solid #726156;
        top: -10px;
        bottom: -10px;
        right: 0px;
    }

    .future-proof-logo-container {
        text-align: left;
    }

    #header .login-status-box {
        position: absolute;
        bottom: 10px;
        right: 55%;
    }

    #header .container .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-status-box {
        text-align: right;
    }
}

h1.green {
    color: #69bd3f;
}

h2 {
    font-size: 20px;
}

h3 {
    color: #FBB03B;
    font-size: 18px;
    margin-bottom: 8px;
}

hr {
    border: 0;
    font-size: 0;
    background: url(/img/horizontal-divider.gif) no-repeat;
}

input, textarea {
    font-size: 12px;
}

.error-msg {
    color: #FF0000;
    padding-bottom: 2px;
    display: block;
}

.notification {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #29ABE2;
    padding: 10px;
    background-color: #EEF8FD;
    color: #29ABE2;
}

.errornotification {
    display: block;
    font-weight: normal;
    margin-bottom: 8px;
    border: 1px solid #FFBBAA;
    padding: 10px;
    background-color: #FFEBE1;
    color: #FF0000;
}

.clear {
    border: 0 none;
    clear: both;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

a:disabled {
    color: red !important;
}


/* SN-80 start */
p {
    margin-top: 0;
}

ol {
    padding-left: 17px;
}

.orange {
    color: #FBB03B;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.width-40 {
    width: 40px;
}

.width-50 {
    width: 50px;
}

.width-62 {
    width: 62px;
}

.width-130 {
    width: 130px;
}

.width-135 {
    width: 135px;
}

.width-150 {
    width: 150px;
}

.width-180 {
    width: 180px;
}

.width-250 {
    width: 250px;
}

.width-380 {
    width: 380px;
}

.margin0 {
    margin: 0;
}

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

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

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

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

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

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-N-13 {
    margin-right: -13px;
}

.margin-right-14 {
    margin-right: 14px;
}

.margin-right-30 {
    margin-right: 30px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-20 {
    padding: 20px;
}

.pad-bot-16 {
    padding-bottom: 16px;
}

.pad-top-18 {
    padding-top: 18px;
}

.center {
    text-align: center;
}

.btn-box {
    height: 26px;
    margin-top: 20px;
}

    .btn-box .btn {
        float: left;
        margin-right: 10px;
    }

.btn {
    display: block;
    text-indent: -9999px;
    font-size: 0 !important;
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.btn-box .btn-common {
    float: left;
    margin-right: 10px;
}

.btn-common {
    display: block;
    text-indent: -9999px; /*font-size: 0 !important;*/
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}

.surveyBox {
    width: 885px;
}

.hdr-new {
    color: #DE6519 !important;
}

.moduleButtonActive {
    background: none #ee751d repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButtonActive:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.moduleButton {
    background: none orange repeat-x left -1300px !important;
    border: solid 1px orange !important;
}

    .moduleButton:hover {
        background: none #ee751d repeat-x left -1300px !important;
        border: solid 1px orange !important;
        color: #fff !important;
    }

.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_outer {
    background: none orange repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_active .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.ajax__tab_orange-theme .ajax__tab_hover .ajax__tab_outer {
    background: none #ee751d repeat-x !important;
    border: solid 1px white !important;
}

.studyheader {
    float: left;
    margin-top: 70px;
    margin-left: 20px;
    font-size: 25px;
    font-weight: bold;
}


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

.width-190 {
    width: 190px;
}

.logo-img {
    width: 190px;
    margin-left: 20px;
    margin-top: 5px;
}


.lblFitMindKitHeader {
    font-size: 450%;
    color: White;
}


#loginBox .buttonOrange {
    margin-right: 3px;
}

.field-box {
    display: block !important;
}

h3.inlinewideQuestion {
    /* width: 100% !important; */
    font-weight: normal !important;
}

.choiceInlineNarrow {
    width: 38% !important;
}

.MsoTableGrid {
    width: 800px !important;
    height: 600px !important;
    margin-top: -1cm !important;
}



.survey_content {
    font-size: 15px;
}

h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion {
    color: Black !important; /* font-size: 1.2em; */
}

.question unanswered {
    /* font-size: 1.2em; */
}

.choiceBelowBlock {
    /* font-size: 1.2em; */
}

table.matrix {
    /* font-size: 1.2em; */
}

.standardDetails {
    /* font-size: 1.2em; */
}

div.buttons {
    padding: 0px 0px 0px !important;
}

.rtlInputs #loginBox {
    direction: rtl;
}

.rtlInputs input, .rtlInputs textarea {
    direction: rtl;
    unicode-bidi: embed;
}

.rtlInputs .inputalt p, .rtlInputs .surveyWrapper, .rtlInputs .choiceBelowBlock {
    direction: rtl;
}

    .rtlInputs .surveyWrapper select, .rtlInputs .surveyWrapper input {
        float: left;
    }

    .rtlInputs .surveyWrapper .question .inlinewideQuestion, .rtlInputs .surveyWrapper .question .inlinewideDetails, .rtlInputs .surveyWrapper .question span.question {
        float: right !important;
    }

.rtlInputs .froala-wrapper.f-basic {
    direction: rtl;
    text-align: right;
}

.rtlInputs .WebProgram {
    direction: rtl;
}

.rtlInputs .choiceBelowBlock span.answer {
    display: table !important;
}

.rtlInputs .surveyWrapper .choiceBelow input {
    float: none !important;
}

.rtlInputs .choiceBelowBlock .dragableAnswers span.answer {
    display: block !important;
}

.rtlInputs #loginBox label {
    float: right !important;
}

.workflowButtons {
    padding-top: 10px;
}

.ButtonBlue, input.ButtonBlue {
    height: 30px !important;
    padding: 0 10px;
    font-size: 18px;
    background: #96d4f6; /* Old browsers */
    background: -moz-linear-gradient(#96d4f6, #52a5eb); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #96d4f6 5%, #52a5eb 100%);
    background-image: -ms-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: -o-linear-gradient(top, #96d4f6, #52a5eb);
    background-image: linear-gradient(to bottom, #96d4f6, #52a5eb);
    text-indent: 0;
    color: white;
    font-weight: bold;
    border: 1px solid #84bbf3;
    border-radius: 5px !important;
    cursor: pointer;
    text-transform: uppercase;
}

    .ButtonBlue:hover {
        background: #52a5eb;
        background: -moz-linear-gradient(#52a5eb, #96d4f6);
        background: -webkit-linear-gradient(top, #52a5eb 5%, #96d4f6 100%);
        background-image: -ms-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: -o-linear-gradient(top, #52a5eb, #96d4f6);
        background-image: linear-gradient(to bottom, #52a5eb, #96d4f6);
    }

    /*.buttonOrange, .ButtonBlue {
    font-size: 13px;
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    box-shadow: inset 0px 1px 0px 0px #fce2c1 !important;
    background-color: #ffc477 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-indent: 0;
    border: 1px solid #eeb44f !important;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    line-height: 27px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #ffc477, #fb9e25) !important; /* font-size: 15px; */
    /*}*/

    .buttonOrange:hover, .ButtonBlue:hover {
        background-color: #fb9e25;
        cursor: pointer;
        background-image: linear-gradient(to bottom, #fb9e25, #fb9e25);
    }

    .buttonOrange:active, .ButtonBlue:Active {
        /*position: relative !important;*/
        /*top: 1px;*/
    }
/*SN-80 start*/
nav.navbar-inverse, div.navbar-inverse {
    /* background-color: rgba(234, 133, 72, 0);
    border-color: rgba(234, 133, 72, 0); */
    display: none !important;
}
/*SN-80 start*/
.printSurvey {
    margin-top: 30px;
}

#lblHeader {
    float: none;
    margin: 0 auto;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background: #EA8548 !important;
    color: #fff !important;
}

.field-lbl, h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion {
    font-size: 18px !important;
}

.question, .ajax__tab_orange-theme .ajax__tab_body {
    font-size: 16px;
}

div.choiceBelow {
    /*width: 120%!important;*/
    display: inline-block;
}

div.question {
    padding: 0 0 0 !important;
}

.choiceBelowBlock span.answer {
    padding: 0.2em 0 !important;
    padding-left: 50px !important;
}


div.workflowButtons a {
    padding: 0px 10px;
}

.workflowButtons {
    display: none !important;
}
/* SN-80  Start*/
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: transparent !important;
}

/* SN-80  end*/
/* for small scale devices(less than 601px) */

/* SN-80  start*/
.headerMenuDiv {
    /*  background: url(/img/snWebMenuBar.png) !important; */
    background-repeat: no-repeat !important;
}
/* Mozila */
@media screen and (min--moz-device-pixel-ratio:0) {
    #footer ul li {
        padding: 2px 5px 0 0px;
    }
}

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

    .field-lbl {
        font-size: 16px !important;
        float: left;
        width: 145px;
        padding: 4px 16px 0 0;
        font-weight: bold;
        text-align: left !important;
    }

    #header .login-status-box {
        padding-top: 11px !important;
        font-size: initial;
        /*top: 110px !important;*/
    }

    .field-box {
        width: 420px !important;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background: rgba(234, 133, 72, 0) !important;
        color: #ffffff !important;
        font-size: 14px;
    }
}
/* SN-80  End*/

@media screen and (min-width : 320px) and (max-device-width: 992px) {
    .ArrangeVerticallyforMobileView div.below {
        margin-left: 4px !important;
    }

    span.answer.answer-text-left {
        margin-left: -6px;
    }

    div.sing-in {
        width: auto;
        box-shadow: unset;
    }

    .col-xs-9.padding-left-right-0 {
        /* padding: 21px; */
    }


    h3.warning span {
        border: 1px solid black;
        padding: 7px;
    }

    h3.warning {
        margin-top: 15px;
        width: unset;
        font-size: 11px;
    }

        h3.warning .warning-study {
            width: 20px;
            height: 15px;
        }

    div.matrix .panel-default, div.panel-default > div.panel-heading {
        width: 103%;
    }

    .matrix div.panel-heading .accordion {
        width: 100%;
    }

    div.matrix div.row.panel-group {
        margin-right: 0px;
    }

    .matrix .answerMob label span:last-child {
        padding-left: 22px !important;
        font-size: 14px;
    }
    /*12/9/2018*/
    .matrix .answerMob label span.col-xs-2 input[type=radio] {
        margin: 3px 0px !important;
        position: relative;
        margin-top: 1px !important;
    }

    .matrix div.answerMob label span.col-xs-2 {
        width: 6.66%;
    }

    .matrix .answerMob input[type='radio']:checked:after, .matrix .answerMob input[type=radio]:after {
        position: relative;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.no-close.ui-dialog-buttons.ui-draggable.ui-resizable {
        position: absolute;
        height: auto;
        width: 95% !important;
        top: 5px !important;
        left: 5px !important;
        display: block;
    }

    .answerMob.col-md-2.col-xs-12:nth-child(1) {
        padding-left: 15px !important;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(2) {
        padding-left: 15px !important;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(3) {
        padding-left: 15px !important;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(4) {
        padding-left: 15px !important;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(5) {
        padding-left: 15px !important;
    }

    div.question h3.standardQuestion span.question {
        width: 85% !important;
    }

    .ArrangeVerticallyforMobileView .above.answer-text-left label {
        padding-left: 3px;
    }
}

.warning-study {
    height: 22px;
    width: 30px;
    position: relative;
    top: -3px;
}

h3.warning span {
    border: 1px solid black;
    padding: 7px;
}

h3.warning {
    margin-top: 15px;
    color: red;
}


/*Change 12/9/2018*/

@media screen and (min-width: 768px) {
    div.matrix div.col-md-9 {
        width: 69%;
    }

    div.matrix div.col-md-2 {
        width: 8.666667%;
    }
}
/*12/9/2018*/

.matrix input[type=radio] {
    margin: 3px 7px !important;
}

/*.matrix input[type=radio]:after {
        top: -3px !important;
    }*/


/*.matrix .answerMob input[type='radio']:checked:after {
    top: -1px;
}

.matrix .answerMob input[type=radio]::after {
    top: -1px;
}*/

.text-center.col-md-2 {
    position: relative;
    left: 12px;
}

.answerMob.col-md-2.col-xs-12:nth-child(1) {
    padding-left: 13px;
}


.answerMob.col-md-2.col-xs-12:nth-child(2) {
    padding-left: 15px;
}


.answerMob.col-md-2.col-xs-12:nth-child(3) {
    padding-left: 12px;
}


.answerMob.col-md-2.col-xs-12:nth-child(4) {
    padding-left: 13px;
}


.answerMob.col-md-2.col-xs-12:nth-child(5) {
    padding-left: 15px;
}

/*For IE 10 and above*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .answerMob.col-md-2.col-xs-12:nth-child(1) {
        padding-left: 45px;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(2) {
        padding-left: 40px;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(3) {
        padding-left: 41px;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(4) {
        padding-left: 42px;
    }


    .answerMob.col-md-2.col-xs-12:nth-child(5) {
        padding-left: 47px;
    }
}
/*IE browser only*/
@media screen and (min-width:0\0) {
    div.matrix div.col-md-2 {
        width: 20%;
    }
}

.question .questionID {
    padding-top: 0px;
}

.answer img {
    padding: 5px;
    border-radius: 3px;
    width: 100px;
    height: 180px;
    max-width: 85%;
}

    .answer img:hover {
        background: #FBE2BB;
        cursor: pointer;
    }

.question.MultiChoice .inputs input[type=radio] + span img {
    margin-top: 15px;
}

.question.MultiChoice .inputs input[type=radio]:checked + span img {
    background: #FFFFFFC4;
}

.question .questionID {
    padding-top: 0px;
}

.choiceBelow.ArrangeVerticallyforMobileView.col-xs-12 {
    margin-left: -6px !important;
}

div.choiceBelowBlock span.answer label {
    display: table;
}

    div.choiceBelowBlock span.answer label input {
        display: table-cell;
    }

    div.choiceBelowBlock span.answer label span {
        display: table-cell !important;
        padding-left: 20px;
    }

div.choiceBelow {
    width: 100% !important;
    display: inline-block;
}

.choiceBelowBlock {
    padding: 1px;
    margin-left: -36px !IMPORTANT;
}

div.AddRemoveItemsQuestion .AddRemoveItem .txtAddItem {
    width: 78%;
}

div.question.MultiChoice div.inputs span.answer input[type="radio"] {
    margin-left: 9px !important;
}

div.question.MultiChoice .ArrangeVerticallyforMobileView div.inputs span.answer input[type="radio"][style] {
    display: block !important;
}

@media only screen and (max-width: 600px) {
    div#wrapper {
        width: 100% !important;
        height: auto;
    }

    div.question.MultiChoice div.choiceBelow div.below {
        margin-top: 1em !important;
    }

    .padding-bottom-8 {
        padding-bottom: 0px !important;
    }

    div h3.inlinewideQuestion, div h3.inlinewideQuestion span.question {
        width: 100% !important;
    }

    div .choiceBelow.ArrangeVerticallyforMobileView.col-xs-12 {
        margin-left: 6px !important;
    }
}

@media only screen and (max-device-width: 768px) and (min-device-width: 768px) {
    div.matrix div.answerMob span:last-child {
        font-size: 14px;
    }

    div.matrix div.answerMob div.row {
        margin-top: 0px;
    }
}



@media screen and (min-width:0\0) {
    .activity-helper-modal .close {
        margin-right: 14px !important;
        margin-top: -18px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .modal-dialog p.extenal-url iframe {
        width: 289px;
        max-width: 289px !important;
    }

    .modal-dialog p.extenal-url {
        overflow-x: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {

    .modal-dialog p.extenal-url iframe {
        width: 234px;
        max-width: 234px !important;
    }

    .modal-dialog p.extenal-url {
        overflow-x: auto;
    }
}

.buttonOrange, .ButtonBlue, input.buttonOrange, input.ButtonBlue {
    margin-right: 0px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none !important;
    background: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    filter: none !important;
    background-color: transparent !important;
    border: 3px dashed #FFFFFF !important;
    display: inline-block;
    color: #31261D !important;
    font-weight: bold !important;
    font-family: 'Lato', Arial, sans-serif !important;
    height: auto !important;
    text-decoration: none;
    text-align: center;
    text-shadow: none;
    cursor: pointer;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 50px !important;
    padding: 5px 15px !important;
}

@media only screen and (max-width: 992px) {
    .matrix .answerMob div.row {
        margin-left: 15px !important;
    }
}

h3.standardQuestion.form-control.accordion {
    width: 102% !important;
}

    h3.standardQuestion.form-control.accordion p {
        padding: 0px 5px;
    }

.form-control, textarea, select {
    border: 1px solid #FF9F1A;
    border-radius: 0px;
    padding: 10px;
}

input[type=checkbox], input[type=radio], .question.MultiChoice .inputs input[type=radio], div.matrix .answerMob label input[type='radio'] {
    /*height: 0px !important;*/
    /*width: 1px !important;*/
    -webkit-appearance: checkbox !important;
    margin: 0px;
}

    div.matrix .answerMob label input[type='radio']:before {
        left: 4px;
        top: 4px;
        width: 8px;
        height: 8px;
        display: none;
    }


@media screen and (min-width : 320px) and (max-device-width: 736px) {
}

div.matrix .panel-group .panel {
    overflow: visible !important;
}

div.matrix .answerMob label input[type='radio'] {
    background: #333;
}

.choiceBelow.ArrangeVerticallyforMobileView .radio-text {
    display: none;
}

.choiceBelow span.answer {
    word-break: break-word;
}



@-moz-document url-prefix() {
    div.matrix .answerMob label.matrixError input[type="radio"] {
        outline-offset: -3px;
    }
}

.Checkboxes.Word-Cloud div.choiceBelow {
    margin-left: 0px;
}

div.DropDown.Word-Cloud .inlinewideQuestion {
    width: 100% !important;
}

div.DropDown.Word-Cloud .add-your-own span.answer {
    position: relative;
    float: left;
    display: inline-block;
}

div.selectize-control {
    clear: both;
}

div.DropDown.Word-Cloud .add-your-own span.answer .close {
    top: -3px;
}

@media screen and (min-width: 768px) {
    .choiceBelow span.answer label {
        display: contents !important;
        position: relative;
        z-index: 1;
        padding: 2em;
        margin: -2em;
    }
}

.choiceInlineNarrow span.answer {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

div.question.Matrix .matrix .row input,
.question.MultiChoice .inputs input {
    height: unset !important;
    width: unset !important;
}

    div.question.Matrix .matrix .row input:before, .question.MultiChoice .inputs input:before {
        content: '';
        position: relative;
        display: inline-block;
        border: 3px solid #FFF0D0;
        border-radius: 100px;
        width: 20px;
        height: 20px;
        left: -4px;
        top: -4px;
        background-color: #FFB753;
        font-family: 'Glyphicons Halflings' !important;
        outline: none;
        font-size: 11px;
    }

.question.Matrix.unanswered .matrix .row input:before {
    left: -2px;
    top: -2px;
}

.question.Matrix.unanswered .matrix .row input:before {
    left: -2px;
    top: -2px;
}

.question.Matrix.unanswered .matrix .row label.matrixError input:before {
    left: 0px;
    top: 0px;
}


div.question.Matrix .matrix .row input:checked:after, .question.MultiChoice .inputs input:checked:after {
    font-family: 'Glyphicons Halflings' !important;
    content: '\e089';
    position: relative;
    display: inline-block;
    top: -26px;
    left: -4px;
    background-color: #FFB753;
    transform: scale(1) rotateZ(0deg);
    font-size: 20px;
    color: #FFF0D0;
    outline: none;
}

div.question.Matrix .matrix .row input:checked:after {
    top: -6px;
}

div.question.Matrix .matrix .row input, .question.Checkboxes .inputs input {
    height: unset !important;
    width: unset !important;
}

    .question.Checkboxes .inputs input:before {
        content: '';
        position: relative;
        display: inline-block;
        border: 2px solid #FFF0D0;
        border-radius: 3px;
        width: 17px;
        height: 17px;
        left: -2px;
        top: -1px;
        background-color: #FFB753;
        font-family: 'Glyphicons Halflings' !important;
        outline: none;
        font-size: 12px;
    }

    .question.Checkboxes .inputs input:checked:after {
        font-family: 'Glyphicons Halflings' !important;
        content: '\e013';
        position: relative;
        display: inline-block;
        top: -18px;
        left: -2px;
        border: 1.5px solid #FFF0D0;
        border-radius: 3px;
        background-color: #FFB753;
        transform: scale(1) rotateZ(0deg);
        font-size: 12px;
        color: #FFF0D0;
        outline: none;
        width: 17px;
        height: 17px;
        padding-left: 0.1em;
        padding-bottom: 0px;
    }


div.feature-img-container {
    padding: 0px;
}

    div.feature-img-container img {
        max-width: 100%;
        margin-bottom: -30px;
    }

.feature-img[style] {
    max-width: 100%;
    margin-bottom: -30px;
}

.sign-in-container {
    margin-top: 20px;
    text-align: center;
}

.sign-in-form-container {
    margin-bottom: 60px;
}

    .sign-in-form-container h2 {
        font-size: 30px;
        font-weight: bold;
    }

@media (min-width: 992px) {
    .sign-in-container {
        margin-top: 50px;
        text-align: left;
    }

    .feature-img[style] {
        max-width: 100% !important;
        max-height: 600px !important;
    }
}

@media (min-width: 1200px) {
    .feature-img {
        right: auto;
    }
}

input[type=text], input[type=password], input[type=number], input[type=email], div.forgot-psswd-box .field-input, textarea, .question.Text input {
    margin-top: 0px;
    /*margin-bottom: 22px;*/
    width: 103%;
    max-width: 300px;
    padding: 10px;
    border: 1px solid #FF9F1A;
    height: auto;
}

    input[type=text]:focus, input[type=submit]:focus, input[type=password]:focus, input[type=email], input, input[type=number]:focus, textarea, textarea:focus {
        outline: none;
    }

label.field-lbl, .forgot-psswd-box label.field-lbl {
    width: 100%;
    text-align: left;
}

    label.field-lbl span, a.lnk-forgot, a.lnk-login {
        color: #31261D;
        font-weight: bold;
        margin: 0px;
        font-size: 18px;
    }


.sing-in span {
    font-size: 18px;
    font-weight: bold;
}

div.sing-in div.row {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px !important;
}

div.pnl-Login, div.pnl-forgot-pswwd {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

div.textboxInline {
    margin-top: 10px;
    float: none;
    width: auto;
}

.surveyWrapper p strong {
    line-height: 19px !important;
}

div.ui-widget-header {
    background: none;
    background-color: #ffb753;
    border-color: gray;
}

sub {
    line-height: 15px !important;
}


div.buttons {
    width: 100%;
}

    div.buttons input {
        width: 145px;
        height: 50px !important;
    }

    div.buttons .SurveyNextButton {
        float: right;
        margin-right: -22px !important;
    }


    div.buttons .btn-survey-inner-finish {
        width: 150px;
    }

div.question.MultiChoice div.choiceBelow div.below {
    margin-top: 5px;
}

div.choiceBelow div.inputs {
    margin-top: 0;
}

div.choiceBelow div.above {
    margin-bottom: 0;
}

.choiceInlineNarrow {
    width: 100% !important;
}

    .choiceInlineNarrow span.answer {
        text-align: center !important;
    }

        .choiceInlineNarrow span.answer .checkbox-tex {
            margin-top: 5px;
            display: block;
        }

.extenal-url:before {
    border: transparent !important;
}

.activity-helper-modal.external-URL-popup .close {
    margin-right: 3px;
    margin-top: -15px;
}

.survey-next-page {
    display: none !important;
}

.body-content .container {
    padding-top: 30px;
}

sub, sup {
    line-height: 12px;
}

input.ui-state-default, a.custom-combobox-toggle.ui-corner-right {
    /*background: #FFF !important;*/
    font-size: 12px;
}

input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    height: 38px;
    font-size: 12px;
    width: 103%;
    max-width: 300px;
    padding: 5px;
}

a.custom-combobox-toggle.ui-corner-right {
    height: 38px;
    top: -7px !important;
    /*border-right: 1px solid #FF9F1A !important;
    border-top: 1px solid #FF9F1A !important;
    border-bottom: 1px solid #FF9F1A !important;*/
    right: 0px;
    z-index: 99;
}

input .ui-corner-all, input.ui-corner-bl, input.ui-corner-bottom, input.ui-corner-left, a.ui-corner-all, a.ui-corner-bottom, a.ui-corner-br, a.ui-corner-right, ul.ui-corner-all, ul.ui-corner-bottom, ul.ui-corner-br, ul.ui-corner-right {
    border-radius: 5px;
}

.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input, a.ui-state-focus, a.ui-state-hover, a.ui-widget-content a.ui-state-focus, a.ui-widget-content a.ui-state-hover, a.ui-widget-header a.ui-state-focus, a.ui-widget-header a.ui-state-hover {
    /*border: 1px solid #FF9F1A !important;*/
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none !important;
}

.AddRemoveItemsQuestion .AddRemoveItem input.txtAddItem {
    padding: 10px;
    height: auto;
}

div.timepicker_wrap {
    margin-top: 0px;
    border: 1px solid #FF9F1A;
    background: #FFFFFF;
    border-radius: 0px;
}

div.prev, div.next {
    border: 0px;
    border-radius: 0px;
}

div.arrow_top {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #FFFFFF;
    background: none;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/EmbeddedResources/images/jqueryui/ui-icons_f9bd01_256x240.png) !important;
}
/* fixed width radio buttons */
.choiceBelow span.answer[style] {
    max-width: 50% !important;
}

.blank-label {
    display: none !important;
}

div.question.MultiChoice div.inputs span.answer input[type="radio"], div.question.Checkboxes div.inputs span.answer input[type="checkbox"] {
    margin: 0 auto !important;
}

.question.MultiChoice .inputs input[type=radio] + span img {
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
    div.choiceBelow div.above, div.choiceBelow div.inputs, div.choiceBelow div.below {
        text-align: left;
    }

    .choiceBelow span.answer[style], div.matrix .answerMob, div.matrix .answerWeb .matrixAnswer {
        max-width: 15% !important;
    }
}


h3.inlinewideQuestion {
    width: 25% !important;
}

    h3.inlinewideQuestion span.question {
        width: 100% !important;
    }


div.question.Text .textboxInline {
    margin-bottom: 30px;
}

/* mobile footer */
@media only screen and (max-width: 768px) {
    #footer .container .row.footer-resources {
        text-align: center;
    }

        #footer .container .row.footer-resources img {
            float: none;
            width: 130px;
            margin-right: 0px;
        }

        #footer .container .row.footer-resources .col-md-6 p:first-of-type {
            margin-top: 10px;
            margin-bottom: 0px;
        }

        #footer .container .row.footer-resources .col-md-6 {
            margin-bottom: 45px;
        }
}



@media only screen and (max-width: 992px) {
    .matrix .panel-heading .accordion {
        width: 92%;
        height: auto;
        cursor: pointer;
    }

    .matrix .answerMob {
        width: 100% !important;
        text-align: center;
    }

        .matrix .answerMob label {
            text-align: left;
        }

    .matrix .panel-heading .accordion span {
        width: 88%;
        display: inline-block;
    }
}
/*web view*/
@media only screen and (min-device-width: 601px ) {
    .external-URL-popup .extenal-url {
        position: relative;
        left: -117px;
        width: 544px;
    }

    .external-URL-popup .modal-content {
        width: 547px;
    }
}

/*mobile view*/
@media screen and (min-width : 320px) and (max-device-width: 599px) {
    .external-URL-popup .body {
        width: 109%;
        left: -114px;
    }

    .modal-dialog p.extenal-url iframe {
        width: 100%;
        max-width: 100% !important;
    }
}


.progress {
    width: 60%;
    margin: 0 auto;
    height: 30px;
    border-radius: 20px;
    background-color: #f5f5f54d;
}

.progress-bar {
    background-color: #fff0d0;
    color: black;
    line-height: 28px;
    font-weight: bold;
}

span.question.suggestion-question p {
    color: black !important;
}

.Accordian-helper span.answer {
    width: 98% !important;
    background-color: #ffb753 !important;
    padding-left: 29px !important;
    margin: 5px 0 5px 0 !important;
    color: black !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Lato' !important;
    color: black !important;
    box-shadow: none !important;
}

    .Accordian-helper span.answer input[type='radio'] {
        display: inline !important;
    }

.question.Accordian-helper span.answer.correct-answer {
    box-shadow: none;
    background-image: url(/img/correctAnswer.png);
    background-repeat: no-repeat;
    background-position: left 05px top 11px;
    background-size: 19px;
    padding-left: 8px !important;
}

    .question.Accordian-helper span.answer.correct-answer label, .question.Accordian-helper span.answer.wrong-answer label {
        margin-left: 0px;
    }

.question.Accordian-helper span.answer.wrong-answer {
    box-shadow: none;
    background-image: url(/img/wrongAnswer.png);
    background-repeat: no-repeat;
    background-position: left 05px top 09px;
    background-size: 19px;
    padding-left: 9px !important;
}

div.ui-accordion {
    background-color: #ffb753 !important;
}

span.ui-accordion-header {
    background-color: #ffb753 !important;
}
div.question.MultiChoice.Accordian-helper div.inputs span.answer input[type="radio"] {
    position: relative;
    left: 22px;
}

div.question.MultiChoice.Accordian-helper div.choiceBelowBlock span.answer label span {
    padding-left: 37px;
    position: relative;
}