@font-face {
    font-family: 'DMSans-Bold';
    src: url('../fonts/DMSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'DMSans-BoldItalic';
    src: url('../fonts/DMSans-BoldItalic.ttf') format('truetype');
}

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

body {
    font-family: DMSans-Regular !important;
    font-size: 12px;
    background: #FFFFF;
    margin: 0;
    padding: 0;
    color: #404040;
}

span.answer.buttonrender {
    background-color: white !important;
    border-radius: 15px !important;
    clear: both !important;
    margin-top: 10px !important;
    border: 1px solid #C1B4AA;
    opacity: 1;
    width: 50%;
    margin-left: 15px !important;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    overflow-x: hidden;
}



#header {
    height: 155px;
    background-color: #CAD6EE;
}

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

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

    #header .login-status-box {
        color: #8D688C;
        float: right; /* STYS-7 Feedback Changes */
        padding-top: 120px; /* STYS-7 Feedback Changes */
        margin-right: 10px;
    }

h1, h2 {
    font-size: 28px; /**/ /*color: #52A5EB;*/
    color: #25547d; /*ends*/
    font-weight: normal;
    margin-top: 10px;
    font-family: DM Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #000000;
}

    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-family: DMSans-Regular;
    border-radius: 7px;
    border: 1px solid #707070;
    background: #F7F7F7;
}

    input[type=text], textarea {
        font-size: 20px !important;
    }


    input[type=submit] {
        font-size: 20px;
    }


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

.notification {
    display: block;
    margin-bottom: 8px;
    /* border: 1px solid #29ABE2; */
    padding: 10px;
    background-color: white;
    /* color: #29ABE2;
     */
    width: 369px;
    height: 63px;
    left: 536px;
    top: 468px;
    font-family: DM Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.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;
}

a {
    color: #FFA11F;
    text-decoration: underline 2px solid #FFA11F !important;
}

    a:hover {
        text-decoration: none;
        color: #FFA11F !important;
    }

p {
    margin-top: 0px;
    line-height: 26px;
}

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;
    height: 24px;
    border: 0;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: Transparent;
}


#footer {
    text-align: center;
    background-color: #25547d;
    height: auto;
    margin-top: 14px;
}

    #footer ul {
        list-style-type: none;
        color: #fff;
        padding-inline-start: 0px !important;
    }

        #footer ul li {
            padding: 6px 5px 0 0px;
            display: inline-block; /*color: #29ABE2;*/
        }

            #footer ul li a {
                color: #FFA11F;
                font-size: 20px;
            }

h3.standardQuestion span.question, h2.splitQuestion span.question {
    word-wrap: break-word;
}




/* for small scale devices(less than 601px) */
@media screen and (max-width : 600px) {
    .progress {
        margin-bottom: 25px !important;
    }

    .surveyWrapper div.question.Suggestions.Card.answers-options-two.show-question-side-by-side {
        width: 100% !important;
    }

    select.textmargin.form-control.ddlRealtionship.inputs {
        background-position: 94% 25px !important;
    }

    .question.MultiChoice[taggedfieldid="51"] .choiceInlineNarrow span.answer {
        padding-right: 3px;
    }

    div.CONS div[taggedfieldid="51"] div.choiceInlineNarrow span.answer label {
        margin-left: 46px;
    }

    .CONS span.radio-text p {
        width: 32px;
    }

    div.panel-group .panel-heading + .panel-collapse div.panel-body {
        padding: 0px 5px !important;
    }

    .ajax__tab_panel {
        min-height: 31vh;
    }

    div.body-content {
        position: unset;
    }

    label#lblphone, .col-md-2 p {
        margin-top: 10px;
    }

    input.otherAdvancedGender {
        width: 83%;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        width: 90% !important;
        left: 15px !important;
    }

        div.ui-dialog.ui-widget.ui-widget-content.ui-resizable span.ui-dialog-title {
            font-size: 18px;
        }

    div.ui-dialog-content .your_score {
        font-size: 16px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable ul.ui-dialog-content li p {
        font-size: 18px;
        line-height: 30px !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable .ui-dialog-buttonpane button {
        font-size: 16px;
    }


    #headerMenu_lnkShowManu {
        background-image: url('../img/Hamburger_icon.png');
        margin-top: 4px;
        width: 50px;
        height: 38px;
        background-repeat: no-repeat;
        margin-right: 0px;
        top: -12px;
        position: relative;
    }

    .only-for-mobileView span.hepl-text, .only-for-mobileView .logout-text {
        font-size: 18px;
        color: #E14504;
    }

    span.logout-text {
        font-size: 12px;
        text-align: center;
        color: #E14504;
        margin-left: 0px !important;
    }

    .only-for-mobileView {
        display: block !important;
    }

    .webileView {
        display: none;
    }

    .CONS .question.MultiChoice .answer {
        height: unset !important;
    }

    div.CONS .textboxInline input[type=text] {
        width: 83%;
    }

    div.CONS .textboxInline input[type=text], .otherAdvancedGenderinput[type=text] {
        width: 83%;
    }

    .textboxInline input, .textboxInline input[type=text], .textboxInline input[type=number] {
        width: 83% !important;
    }

    label.registration-show-password input[type="checkbox"] {
        width: 5% !important;
        margin-left: -3px !important;
    }

    div.CONS .question.Text.Multi-line[taggedfieldid='13'] textarea, .Multi-line.dependent-question textarea {
        width: 83%;
    }

    div[taggedfieldid="51"] .choiceInlineNarrow {
        padding-left: 22px;
    }

    div[taggedfieldid="51"].question.MultiChoice.Wide-question-inline-Answers input[type="radio"] {
        margin: 4px 42px !important;
    }

    div.CONS div.choiceInlineNarrow span.answer label {
        margin-left: 37px;
    }

    div.question.MultiChoice + div.question.dependent-question:before {
        left: 36px !important;
        width: 20px !important;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        top: -151px !important;
        left: 96.7% !important;
    }

    #reportFieldPopup.scroll {
        max-height: 290px !important;
    }

    .help-container {
        width: 100% !important;
        margin: auto;
    }

    a#HeaderMenu_lBtnLogoutMobile {
        background-image: url('../img/30x30_logout.png') !IMPORTANT;
        padding: 6px 28px 6px 10px !IMPORTANT;
        margin: 0px !important;
        height: 38px !important;
        width: 27px !important;
    }

    .getHelp.help-menu.active {
        background-image: url('../img/30x30_get_help_active.png') !important;
    }

    .getHelp.help-menu {
        background-image: url('../img/30x30_get_help.png') !important;
    }

    ul.help-contents {
        padding-left: 0px;
    }

    .help-container p {
        margin: 0px;
        font-size: 16px !important;
        /*font-weight: bold;*/
        font-family: DMSans-Regular;
    }

    .helpNow {
        text-align: center;
        padding: 20px 3px 0px 3px !important;
    }

    .container .help-container .helpNow p:first-child {
        font-size: 18px !important;
        font-weight: bold;
    }

    .container .help-container .helpNow p {
        font-size: 16px !important;
        line-height: 24px;
    }

    .help-container p {
        margin: 0px;
        font-size: 12px !important;
        font-weight: bold;
        font-family: DMSans-Regular;
        line-height: 24px;
    }

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

    #HeaderMenu_pnlMenu ul.menu li {
        text-align: right;
    }

    #HeaderMenu_pnlMenu ul.nav.navbar-nav {
        float: right;
        margin-top: -54px;
        height: 22px;
    }

    .field-input {
        width: 100% !important;
    }



    img.img-responsive {
        margin-left: 15px !important;
        height: 62px !IMPORTANT;
    }

    .raftcommon ul.nav.navbar-nav li {
        width: 50px !important;
        margin-top: -250px !important;
    }

    input.change-password-submit-btn {
        width: 46%;
    }

    h3.standardQuestion span.question, h2.splitQuestion span.question {
        display: table-cell !important;
        float: none !important;
        vertical-align: middle !important;
    }

    h3.standardQuestion, h3.inlinewideQuestion, h3.splitQuestion {
        display: table !important;
    }

    .lblRAFTHeader {
        font-size: 350% !important;
    }

    ul.module-list {
        width: 115% !important;
        margin: 0 0 0 -23px;
    }

        ul.module-list li {
            padding-left: 10px;
            border-radius: 0;
            width: 101%;
        }

        ul.module-list .module-list-li .locked {
            position: relative;
            left: -11px;
            border-radius: 0;
            right: -10px;
            padding-left: 29px;
            background-position: right 20px center;
        }

    #header .login-status-box {
        /*padding-top: 5px;*/
        margin-top: -125px !important;
        margin-right: 0px;
        display: none;
    }

        #header .login-status-box #lBtnLogout {
            /*padding-top: 5px;*/
            display: none !important;
        }

    #HeaderMenu_pnlMenu #myNavbar .container-fluid .nav #HeaderMenu_lBtnLogoutMobile {
        /*padding-top: 5px;*/
        display: block !important;
    }




    #HeaderMenu_pnlMenu #myNavbar {
        margin-top: -50px;
    }

    h3.inlinewideQuestion, h3.inlinewideQuestion span.question {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .surveyWrapper {
        font-size: 9px;
        width: 110%;
        margin: 0 -4% !important;
    }

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: none !important;
    }

    .inlinewideDetails {
        width: 100% !important;
    }

    h3.standardQuestion span.question, h2.splitQuestion span.question, h3.inlinewideQuestion span.question {
        width: 90% !important;
        font-size: 16px !important;
        color: #404040;
        line-height: 26px !important;
    }

    h3.standardQuestion span.questionID, h3.inlinewideQuestion span.questionID, h2.splitQuestion span.questionID {
        width: 29px !important;
        margin-top: 1px;
        font-size: 1.0em;
    }

    h3.inlinewideQuestion span.questionID {
        width: 29px !important;
    }

    .register-box {
        width: 285px;
    }

    .textboxInline {
        width: 100% !important;
        padding: 0 !important;
    }

    .logo-img {
        width: 135px !important;
    }

    .surveyBox {
        width: 100% !important;
    }

    input.change-password-submit-btn {
        border-radius: 40px !important;
        background-color: orange !important;
        border: 1px solid rgba(255,165,0, 0.83) !important;
        color: #ffffff !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        padding: 1px 42px 1px 34px !important;
        font-weight: normal !important;
        font-family: DMSans-Regular !important;
        background-image: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-top: 6px;
    }

    .getHelp {
        padding-right: 10px !important;
    }

    img.logo {
        width: 109px;
        height: auto;
        margin-left: 15px;
    }
}

.getHelp {
    color: orange !important;
    font-weight: bold;
    display: inline-flex !important;
}

.surveyBox {
    width: 885px;
}

.hdr-new {
    color: #25547d !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;
    }*/

/*.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;
}*/

.ajax__tab_orange-theme .ajax__tab_body {
    font-family: DMSans-Regular !important;
    background: #f6f6f7 !important;
    font-size: 20px !important;
}

.ajax__tab_orange-theme .ajax__tab_header .ajax__tab_outer {
    font-family: DMSans-Regular !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;
    font-family: DMSans-Regular;
    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;
}

.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:hover {
    background-color: #fb9e25;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fb9e25, #fb9e25);
}

.buttonOrange:active {
    position: relative;
    top: 1px;
}

#oppsMessage {
    height: 300px;
    padding-top: 25px;
}

    #oppsMessage h1 {
        margin-bottom: 20px;
    }


.lblRAFTHeader {
    font-size: 450%;
    color: #25547D;
    float: left;
}

.rtlInputs #loginBox {
    direction: rtl;
}

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

.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;
}



.raftclose {
    visibility: visible !important;
}

.raftnavbuttonhide {
    display: none !important;
}



.customControlsError, .showErrorMessage {
    font-family: DMSans-Regular;
    font-size: 16px !important;
}

div.question {
    padding: 24px 0 24px 0px !important;
    margin-top: 56px;
    background: #FFFF;
}

.standardQuestion span.questionID:empty, .inlinewideQuestion span.questionID:empty, h3.standardQuestion span.question:empty, h2.splitQuestion span.question:empty {
    display: none !important;
}

    .standardQuestion span.questionID:empty + h3.standardQuestion span.question:empty > .standardQuestion {
        display: none;
    }

.standardDetails:empty {
    display: none;
}

div .question p {
    line-height: 32px !important;
    font-family: DMSans-Regular !important;
    margin-bottom: 0px;
    padding: 0px 0px 5px 0px;
    font-weight: 400 !important;
    font-size: 18px !important;
}

div.question.PlainText p {
    line-height: 32px !important;
    font-family: DMSans-Regular !important;
    margin-bottom: 0px;
    padding: 0px 0px 5px 0px;
    font-weight: 400 !important;
    font-size: 24px !important;
}

@media only screen and (max-device-width: 600px) {
    .choiceBelowBlock span.answer.buttonrender {
        margin-left: 0px !important;
    }

    div.NSP.supportPersonContent input.buttonOrange {
        float: left;
    }

    .panel-group .panel.panel-default {
        margin-bottom: 20px;
    }

    div.question.Accordion .panel-default > div.panel-heading {
        padding-left: 0px;
    }

    div.surveyWrapper div.question.Accordion {
        padding: 20px 16px !important
    }

    div.question.Accordion .panel-heading.row.correct-answer, div.question.Accordion .panel-heading.row.wrong-answer {
        padding-left: 0px !important;
        border-radius: 20px;
    }

    .WebProgram.mobileView p {
        word-break: break-word;
    }

    .workflowButtons {
        margin-bottom: 40px;
    }

    div.Keeping_active.question.Suggestions.answers-options-four:nth-of-type(1), div.mobile-border-top.question.Suggestions.answers-options-four:nth-of-type(1) {
        padding-top: 10% !important;
    }

    .Keeping_active.color-brown.activity-div, .mobile-border-top.color-brown.activity-div {
        height: 26px;
    }

    div.AddRemoveItem .btn-Add {
        background-size: cover !important;
    }

    .question.PlainText a {
        word-break: break-word;
    }

    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer .choiceBelowBlock span.answer {
        width: 100% !important;
    }

    div.dependent-question.DropDown select {
        margin-left: 0px;
    }

    div.CONS .choiceBelow span.answer label, div.CONS .choiceInlineNarrow span.answer label {
        margin-left: 30px;
    }

    .questionImageURL + .question {
        padding-left: 10px;
    }

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

    .navbar-inverse {
        background-color: #f6f6f7 !important;
        border-color: transparent !important;
    }

    li.mnuctrl {
        display: none;
    }

    .question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 5px 46px !important;
        position: absolute;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        float: right;
        margin-right: 28px;
    }

    .CONS div[taggedfieldid="51"].question.MultiChoice .choiceInlineNarrow .inputs {
        margin-right: 60px;
    }

    .inputs input[type=radio] {
        margin: 0px !important;
    }

    .standardQuestion span.questionID:empty, .inlinewideQuestion span.questionID:empty {
        display: none !important;
    }

        .standardQuestion span.questionID:empty + h3.standardQuestion span.question:empty > .standardQuestion {
            display: none;
        }

    div .gradient ul {
        background-image: linear-gradient( rgba(7, 20, 38, 0.50) /*{d-bup-background-start}*/, rgba(68, 222, 221, 0.36) /*{d-bup-background-end}*/ ) !important;
    }

    div .gradient {
        /*background-image: url('../img/nav-background.jpg');*/
    }

    div.raftcommon #modulesContainer #myNavbar .moduleButton:hover {
        background: none rgba(173, 216, 230, 0.62) repeat-x left -1300px !important; /*border: solid 1px lightblue !important;*/
        text-align: left !important;
        background-repeat: no-repeat;
        background-position: right 10px center;
        font-family: DMSans-Regular;
        font-size: 14px !important;
        padding-left: 20px;
        display: block !important;
    }

    .moduleButtonActive:hover {
        background: none rgba(173, 216, 230, 0.62) repeat-x left -1300px !important; /*border: solid 1px lightblue !important;*/
        text-align: left !important;
        font-family: DMSans-Regular;
        font-size: 14px !important;
        padding-left: 20px !important;
    }

    .moduleButtonActive {
        background: none !important;
        border: none !important;
        text-transform: none !important;
        font-weight: normal !important;
    }

    .moduleButton {
        background: none !important;
        border: none !important;
        text-transform: none !important;
        font-weight: normal !important;
    }

    .buttons .SurveyBackButton {
        background-image: url(../img/arrow-left-orange.png) !important;
        background-repeat: no-repeat !important;
        background-size: 38px !important;
        background-position: left 1px center !important;
        background-color: #f6f6f7 !important;
        color: orange !important;
        display: none;
        border: 1px solid orange !important;
    }

    .buttons .ButtonBlue .SurveyNextButton, .buttons .buttonOrange .SurveyNextButton {
        border-radius: 25px !important;
        margin-right: 16px;
    }

    .btn-register-survey {
        margin-right: 16px !important;
    }

    .gradient ul li a {
        text-align: left;
        padding-left: 20px;
        font-family: DMSans-Regular;
        font-size: 14px;
        vertical-align: middle;
        display: table-cell !important;
        width: 100%;
        padding-right: 44px;
        color: #FFA11F !important;
    }

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

        .raftcommon #header {
            height: 69px;
            background-color: white !important;
            padding-top: 15px;
        }

        .raftcommon #HeaderMenu_DivHeaderMenu {
            margin-top: 0px;
            width: 100%;
            margin: auto;
        }

        .raftcommon #footer ul li a {
            color: none !important;
        }

        .raftcommon #header a {
            color: #fff !important;
            padding-left: 10px !important;
        }

            .raftcommon #header a.getHelp {
                color: orange !important;
                float: right;
                margin-right: 4px;
                margin-top: 20px;
            }

        .raftcommon #HeaderMenu_pnlMenu .navbar-inverse {
            background-color: transparent !important;
            border: none !important;
        }

        .raftcommon .lblRAFTHeader {
            color: transparent !important;
            font-size: 28px !important;
            position: absolute;
            margin-top: 27px;
            margin-left: 20px !important;
            letter-spacing: 1px;
            background-image: url('../img/logo@3x.png') !important;
            background-repeat: no-repeat;
            background-size: auto;
        }

    div.raftcommon #modulesContainer {
        display: block !important;
    }

    .raftcommon #moduleComponentsContainer p {
        font-family: DMSans-Regular !important;
        font-size: 20px;
        color: #404040;
    }

    .raftcommon #cphContent_ctl00_tcWebProgram {
        background-color: white;
        border-radius: 6px;
    }

    .raftcommon #modulesContainer #myNavbar {
        background-color: transparent;
    }

        .raftcommon #modulesContainer #myNavbar #programIntro {
            background-color: transparent;
            max-height: none !important;
        }

            /*.raftcommon #modulesContainer #myNavbar #programIntro ul li {
                                                                                                border-bottom: 2px solid #CAD6EE;
                                                                                                    height:60px !important;
                                                                                            }*/
            .raftcommon #modulesContainer #myNavbar #programIntro ul li {
                border-bottom: 2px solid #CAD6EE;
                height: 60px !important;
                display: table;
                width: 100%;
                background-image: url('../img/rectangle-right-white.png');
                background-repeat: no-repeat;
                background-size: 8px;
                background-position: right 20px center;
            }



            .raftcommon #modulesContainer #myNavbar #programIntro .righticon {
                display: table-cell !important;
                vertical-align: middle;
                margin-top: 15%;
            }


        .raftcommon #modulesContainer #myNavbar .navbar-brand {
            color: black !important;
            width: 300px !important;
            text-align: c;
            font-size: 16px !important;
            font-family: DMSans-Regular !important;
            font-size: x-large;
            font-weight: bold;
        }

    .raftcommon #modulesContainer .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #fff !important;
    }

    .raftcommon #modulesContainer #myNavbar .icon-bar {
        display: none;
    }

    .raftcommon #modulesContainer #myNavbar .navbar-toggle {
        border: none;
    }

    .raftcommon .AddRemoveItemsQuestion input[type="text"] {
        width: 90%;
    }

    .raftcommon #HeaderMenu_pnlMenu #myNavbar .container-fluid .nav li {
        font-family: DMSans-Regular !important;
        font-size: 15px;
        display: inline-flex;
    }

    li.active.mnuctrl {
        display: none !important;
    }

    .AddRemoveItemsQuestion .AddRemoveItem .txtAddItem {
        height: 30px !important;
        width: 83% !important;
        margin-top: 5px !important;
        border: solid 0.3px rgba(165, 165, 170, 0.4);
        border-radius: 7px;
        background: white;
    }

    .btn-Delete {
        background-image: url("../img/delete.png") !important;
        background-color: transparent;
        background-size: 22px;
        margin: 4px;
    }

    .btn-Add {
        background-image: url("../img/add.png") !important;
        background-color: transparent;
        background-size: 22px;
        margin: 4px;
    }

    .raftcommon .navbar-toggle {
        border: none;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .raftcommon #modulesContainer #myNavbar #btnModuleDD {
        background-image: url('../img/rectangle-321-white.png') !important; /* background-color: #6dc143 !important; */
        background-repeat: no-repeat;
        background-size: 18px;
        width: 5px !important;
        height: 15px !important; /*margin-right: 0px !important;*/
        margin-top: 20px !important;
        font-family: DMSans-Regular;
    }

    .raftcommon #modulesContainer #myNavbar .navbar-toggle {
        padding: 9px 8px !important;
    }

    .row.card-outer-div {
        display: block !important;
    }


    .question .suggestions .col-md-4.card-inner-div {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        display: inline-block;
    }

    div .question .suggestions .col-md-4.card-inner-div p {
        padding: 52px 3px 10px 0px;
        vertical-align: middle;
    }

    a.collapsed.toolTipSuggestion {
        margin-right: 9px;
    }

    div.ltrInputs {
        width: auto;
        padding: 0 10px;
    }

    .raftcommon div.ltrInputs {
        padding: 0px;
        margin: 0 0px;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: transparent !important;
    }

    .raftcommon #footer {
        background-color: white !important;
        opacity: 1;
        padding: 15px !important;
        margin-top: 0px !important;
    }

    #wrapper {
        width: 100% !important;
    }

    .body-content {
        padding: 2px 0px 30px 2px !important;
    }

    #footer ul li {
        color: black !important;
    }

        #footer ul li a {
            color: black !important;
            font-family: DMSans-Regular !important;
            font-weight: bold;
        }

    #mcContainer {
        margin-top: 10px;
    }

    .AdultWellbeing-cust#wrapper {
        width: 90% !important;
        padding: 1px 15px 30px 15px !important;
        background-color: #f6f6f7;
        background-image: none;
    }

    #moduleComponentsContainer .workflowButtons div {
        width: 100%;
        text-align: center;
    }

    #moduleComponentsContainer .workflowButtons .ButtonBlue, #moduleComponentsContainer .workflowButtons .buttonOrange {
        border-radius: 25px !important;
        background-color: #E14504 !important;
        border: 1px solid rgba(255,165,0, 0.83) !important;
        color: #ffffff !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        padding: 9px 42px 9px 34px !important;
        font-weight: normal !important;
        font-family: DMSans-Regular !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .raftcommon #cphContent_ctl00_pnIntroduction {
        background-color: white !important;
        border-radius: 6px;
    }

    .raftcommon .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin-bottom: 6px;
    }

    .raftcommon #moduleComponentsContainer p img {
        /*width: 100%;*/
    }

    #moduleComponentsContainer .workflowButtons .ButtonNext {
        background-image: url('../img/rectangle-right-white.png');
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 11px center;
        padding: 9px 42px 9px 34px !important;
    }

    #moduleComponentsContainer .workflowButtons .ButtonBack {
        background-image: url('../img/arrow-left-orange.png');
        background-repeat: no-repeat;
        background-size: 31px;
        background-position: left 4px center;
        background-color: transparent !important;
        color: orange !important;
        padding: 9px 34px 9px 41px !important;
    }

    #moduleComponentsContainer .workflowButtons .ButtonFinish {
        background-image: url('../img/rectangle-right-white.png');
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 11px center; /*background-image: none !important;*/
        padding: 9px 34px 9px 36px !important;
    }

    #moduleComponentsContainer .workflowButtons .ButtonFirst {
        background-image: none !important;
        padding: 9px 37px 9px 40px !important;
    }

    #loginBox {
        width: 100% !important;
        margin: 12% 0 0 0% !important;
    }

    #header .login-status-box {
        display: none;
    }

    .suggestionsForFrontText a.collapsed {
        margin-top: 5px;
    }

    .suggestionsForFrontText a {
        margin-top: 5px;
    }

    .raftcommon .surveyWrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0px 0px;
    }

    .suggestionsBackGroundText {
        width: 98.2% !important;
    }

    div.surveyWrapper div.question {
        padding: 16px !important;
        margin-top: 10px !important;
        /*padding: 15px 0 !important;*/
        background: #FFFFFF !important;
    }

    .question.MultiChoice .choiceInlineNarrow span.answer {
        text-align: right !IMPORTANT;
        width: 47% !important;
        float: left;
        margin-right: 0px;
    }

    span.inner-div-down img.fr-fil.fr-dii {
        float: none !IMPORTANT;
    }

    .question {
        font-size: 20px;
    }

    .survey-name {
        font-family: DMSans-Regular;
        font-size: 16px !important;
        text-align: center !important;
        line-height: 30px;
        font-weight: bold;
        margin-top: 20px !important;
    }

    .question select {
        font-family: DMSans-Regular;
        color: #404040;
    }

    .inlinewideQuestion .question {
        font-family: DMSans-Regular;
    }

    h3.inlinewideQuestion span.question {
        font-family: DMSans-Regular !important;
        text-align: left !important;
        font-size: 20px !important;
        width: 80% !important;
        color: #404040;
        vertical-align: middle;
        display: table-cell !important;
        float: none !important;
    }

    h3.inlinewideQuestion {
        margin: 0px 10px 8px 0px !important;
    }

    div .question p {
        padding: 0px 10px 0px 0px;
        font-size: 18px;
        word-break: break-word;
    }

    div.question div.panel-heading p {
        font-size: 18px;
    }

    span.question.suggestion-question p {
        color: #E14504;
    }

    .question.Checkboxes.One-line-per-answer .choiceBelowBlock .inputs {
        padding-left: 0;
    }

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

    .question.DropDown select {
        width: 70% !important;
        margin-left: 17px;
        padding: 0px 5px;
    }

    #surveyNavigationButtons {
        width: 100% !important;
        margin-bottom: 24px;
    }

    .card-inner-div .suggestions-main-div.panel {
        height: 195px !important;
    }

    .card-inner-div .suggestions-main-div.panel {
        margin-top: 10px;
    }

    .card-inner-div .suggestionsForFrontText span.starOff {
        margin-top: 4px !important;
    }

    .question.Text.AddAndRemoveItems .AddRemoveItemsQuestion {
        position: relative;
        margin-top: 10px !important;
        margin-left: 0 !IMPORTANT;
    }

    .raftcommon .surveyWrapper input[type=checkbox]:checked {
        margin-left: 7px !important;
    }

    div.raftcommon div.surveyWrapper label.registration-show-password input[type="checkbox"] {
        margin-left: 0px !important;
    }

    .row.card-middel-div {
        min-height: 143px !important;
        width: 100% !important;
    }

    .surveyWrapper .printSurvey.paper h1.standardQuestion {
        width: 94% !important;
        background-position: right 15px top 27px;
    }

    .surveyWrapper > * {
        font-size: 20px !important;
        padding-right: 0px;
        line-height: 26px !important;
    }

    div.choiceBelowBlock span.answer {
        padding-left: 0px !important;
    }

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

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

    .field-input {
        width: 100% !important;
    }

    input.change-password-submit-btn {
        width: 46%;
    }

    .question .suggestions {
        width: 100% !important;
    }

    .printIcons {
        margin-right: 67px !important;
        margin-bottom: 29px;
    }

    div.white-background.question {
        background-color: white !important;
        margin: 30px 0 0 -12px;
        padding: 0px 0px 8px 11px !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
}

@media only screen and (max-device-width: 320px) {
    .question.PlainText a {
        word-break: break-word;
    }

    div.NSP.supportPersonContent input.buttonOrange {
        float: left;
        margin-left: 0% !important;
    }

    div .buttons .ButtonBlue, div.buttons .buttonOrange {
        margin: auto !important;
        width: 100% !important;
    }

    .raftcommon #modulesContainer #myNavbar .navbar-brand {
        width: 205px;
    }

    img.img-responsive {
        width: 182px;
        height: 68px;
    }

    input.change-password-submit-btn {
        width: 41%;
    }

    .raftcommon #cphContent_ctl00_pnIntroduction {
        background-color: white !important;
        border-radius: 6px;
    }

    /*AdultWellbeing-29 Starts*/
    .suggestionsForFrontText span.starOff {
        margin-right: 18px !important;
        margin-top: -22px !important;
    }

    .suggestionsForFrontText span.starOn {
        margin-right: 18px !important;
        margin-top: -22px !important;
    }

    .suggestionsBackGroundText {
        margin: 0 !important;
        width: 98.5%;
        padding-left: 5.5% !important;
        font-size: 12px;
    }


    .ButtonBlue .SurveyNextButton, .buttonOrange .SurveyNextButton {
        border-radius: 25px !important;
    }

    .suggestionsBackGroundText {
        width: 100% !important;
    }

    .buttons .ButtonBlue, .buttons .buttonOrange {
        margin-right: 16px !important;
    }
    /*AdultWellbeing-29 Ends*/
}

@media only screen and (device-width: 360px ) {
    div.ajax__tab_panel {
        min-height: 30vh;
    }

    #modulesContainer #myNavbar .navbar-brand {
        width: 237px !important;
    }

    .buttons .ButtonBlue, .buttons .buttonOrange {
        margin-right: 16px !important;
    }
}


@media only screen and (max-device-width: 380px ) and (min-device-width:330px) {
    .raftcommon #modulesContainer #myNavbar .navbar-brand {
        width: 270px;
    }

    .raftcommon #cphContent_ctl00_pnIntroduction {
        background-color: #f6f6f7 !important;
        border-radius: 6px;
    }

    /*AdultWellbeing-29 Starts*/
    .suggestionsForFrontText span.starOff {
        margin-right: 23px !important;
        margin-top: -21px !important;
    }

    .suggestionsForFrontText span.starOn {
        margin-right: 23px !important;
        margin-top: -21px !important;
    }

    .suggestionsBackGroundText {
        margin: 0 !important;
        width: 98.5%;
        padding-left: 5.5% !important;
        font-size: 12px;
    }

    .suggestionsBackGroundText {
        width: 99.2% !important;
    }

    .buttons .ButtonBlue, .buttons .buttonOrange {
        margin-right: 31px !important;
        margin-left: 5% !important;
    }

    /*AdultWellbeing-29 Ends*/
}


@media only screen and (min-device-width: 601px) {
    img + .question {
        padding-left: 10px;
    }

    input.change-password-submit-btn {
        margin-right: 0 !important;
        width: 61%;
    }

    .standardQuestion span.questionID:empty, .inlinewideQuestion span.questionID:empty {
        display: none !important;
    }

    .btn-logout {
        display: inline-flex !important;
    }

    h3.inlinewideQuestion span.question {
        font-size: 12px !important;
        color: #404040;
    }

    li.mnuctrl {
        display: none;
    }

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

        .raftcommon #header {
            height: auto;
            background-color: white !IMPORTANT;
            padding-bottom: 0px !important;
        }

            .raftcommon #header .login-status-box {
                float: right;
                padding-top: 0px;
                margin-right: 10px;
                height: 10px;
                margin-top: -17px;
            }

        .raftcommon .user-profile {
            display: none;
        }

        .raftcommon .btn-login {
            display: block;
            margin-top: 2px;
            margin-right: 14px;
        }

        .raftcommon #header .login-status-box a {
            color: transparent !important;
            font-family: DMSans-Regular;
        }

        .raftcommon #loginBox .btn-login {
            margin-right: 0px !important;
        }

        .raftcommon .navbar {
            background-color: transparent;
            border-color: transparent;
            height: 0px;
        }

        .raftcommon .nav {
            float: right;
            margin-top: -56px;
            margin-right: 0px;
        }

            .raftcommon .nav li.active a {
                background-color: transparent !important;
                color: black;
            }



        .raftcommon .cust-footer {
            text-align: center;
            padding: 10px !important;
            margin-top: 0px !important;
            background-color: white !important;
            opacity: 1;
            height: 120px !important;
        }

            .raftcommon .cust-footer ul {
                padding-top: 28px !important;
            }

            .raftcommon .cust-footer ul, .raftcommon .cust-footer li a {
                color: #FFA11F !important;
                font-family: DMSans-Regular;
            }

    .buttons .SurveyBackButton {
        background-image: url(../img/arrow-left-orange.png) !important;
        background-repeat: no-repeat !important;
        background-size: 38px !important;
        background-position: left 1px center !important;
        background-color: #f6f6f7 !important;
        display: none;
        color: orange !important;
        border: 1px solid orange !important;
    }

    .ButtonBlue .SurveyNextButton, .buttonOrange .SurveyNextButton {
        border-radius: 25px !important;
    }

    .ButtonNext {
        background-image: url('../img/rectangle-right-white.png');
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 11px center;
        padding: 9px 42px 9px 34px !important;
        margin-right: 8%;
    }

    .SurveyBackButton {
        margin-right: 68%;
    }


    .ButtonBack {
        background-image: url('../img/arrow-left-orange.png');
        background-repeat: no-repeat;
        background-size: 31px;
        background-position: left 4px center;
        background-color: transparent !important;
        color: orange !important;
        padding: 9px 34px 9px 41px !important;
        margin-right: 50%;
    }

    .ButtonFinish {
        background-image: url('../img/rectangle-right-white.png');
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 11px center;
        padding: 9px 34px 9px 36px !important;
        margin-right: 8%;
    }

    .ButtonFirst {
        background-image: none !important;
        padding: 9px 37px 9px 40px !important;
        margin-right: 50%;
    }

    .lblRAFTHeader {
        color: transparent !important;
        font-size: 28px !important;
        position: absolute;
        margin-top: 27px;
        margin-left: 20px !important;
        letter-spacing: 1px;
        background-image: url('../img/logo@3x.png') !important;
        background-repeat: no-repeat;
    }

    .suggestionsBackGroundText {
        margin: -1% 0% 0% 0.0% !important; /* width: 100.2% !important;*/
    }

    .Card .suggestions-main-div {
        background-color: White !important;
        margin-top: 20px !important;
        border-radius: 22px 22px 0 0 !important;
    }

    .suggestionsForFrontText {
        width: 100% !important;
        padding: 0 !important;
        margin: 0;
    }

    .suggestions-main-div.panel {
        padding: 0 !important;
    }

    .AddRemoveItemsQuestion .AddRemoveItem .txtAddItem {
        height: 30px !important;
        width: 75% !important;
        margin-top: 5px !important;
        border: solid 0.3px rgba(165, 165, 170, 0.4);
    }

    .btn-Add {
        background-image: url("../img/add.png") !important;
        background-color: transparent;
        background-size: 23px;
        margin: 4px;
    }

    .btn-Delete {
        background-image: url("../img/delete.png") !important;
        background-color: transparent;
        background-size: 23px;
        margin: 4px;
    }

    .suggestionsForFrontText a.collapsed {
        margin-top: 5px;
    }

    .suggestionsForFrontText a {
        margin-top: 5px;
    }

    .standardQuestion span.question, h3.inlinewideQuestion span.question {
        display: table-cell !important;
        font-size: 12px !important;
        color: #404040;
        vertical-align: middle;
        float: none !important;
    }

    h3.standardQuestion, h3.splitQuestion {
        display: table;
    }



    .survey-name {
        font-family: DMSans-Regular;
        font-size: 35px !important;
        line-height: 30px;
        font-weight: bold;
        margin-top: 20px !important;
    }

    #surveyNavigationButtons {
        width: 100% !important;
        margin-right: 0;
    }

    .question select {
        font-family: DMSans-Regular;
        color: #000000;
    }

    h3.standardQuestion span.questionID {
        display: inline-block;
        width: 50px;
        float: left;
        padding-top: 5px;
    }

    .nav li a {
        font-size: 18px;
    }


    .AdultWellbeing-cust #modulesContainer {
        margin-left: 0px !important;
    }

    .AdultWellbeing-cust #mcContainer {
        background-color: #eee;
    }

    .AdultWellbeing-cust .back-lnk {
        color: white !important;
    }

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

    .help-header {
        display: none;
    }

    .help-menu {
        display: block;
        font-size: 18px;
    }

    .collapse {
        padding: 0;
    }
    /*AdultWellbeing-45 Starts -- Font size changed to 20px*/
    h3.standardQuestion span.question, h2.splitQuestion span.question, h3.inlinewideQuestion span.question {
        font-size: 20px !important;
    }


    div.question {
        padding: 5px 20px 16px 0px !important;
        margin-top: 0px;
        border-radius: 7px;
        background: #FFFFFF !important;
    }

    .question {
        font-size: 20px !important;
    }

    .customControlsError {
        font-size: 20px !important;
    }

    body {
        font-size: 20px !important;
    }

    .question.DropDown select {
        width: 520px !important;
        padding-left: 6px;
    }

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

    #footer ul li a {
        font-size: 30px !important;
        margin-left: 0px;
        font-weight: bold;
    }

    .ButtonBlue {
        font-size: 18px !important;
    }

    .ButtonBack {
        background-size: 37px !important;
        background-position: left 0px center !important;
    }

    input.change-password-submit-btn {
        margin-right: 0 !important;
        width: 61%;
    }

    /*AdultWellbeing-45 Ends*/
    .field-lbl-Password {
        font-size: 20px !important;
        width: 177px !important;
    }

    .recover-pwd-table tr td {
        font-size: 14px;
    }
}

.suggestionsForFrontText .outer-div a {
    color: #476c7a !important;
    float: none !important;
}

.suggestionsForFrontText img {
    max-width: none !important;
}

.surveyTitle {
    width: 95%;
}

.recover-pwd-table {
    max-width: 319px !important;
}

    .recover-pwd-table tr td {
        padding: 5px !important;
    }

.question div, .question select {
    /* margin-top: 8px; */
}

.study-content-msg {
    padding-top: 20px;
}

    .study-content-msg > p {
        margin-bottom: 15px !important;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ButtonBlue {
        border-radius: 20px !important;
    }

    .raftcommon .lbllogin {
        padding: 9px 4px 8px 10px !important;
    }

    * {
        box-sizing: content-box;
    }

    .ButtonBule, .buttonOrange {
        box-sizing: content-box;
    }

    .ButtonBule, .buttonOrange {
        box-sizing: content-box;
    }

    .matrix div.answerMob div.row {
        margin-left: 0px !important;
    }

    div.matrix div.answerMob label span:first-child, .matrix div.answerWeb .col-md-9 {
        padding-left: 0px;
        padding-right: 0px;
    }
}
/*#region AdultWellbeing-50 */
.module-list {
    list-style: none;
    padding: 0;
    border-radius: 10px;
    margin-right: -14px;
    margin-left: -14px;
    width: 100%;
    color: black;
    margin: 20px auto;
}

.module-list-li {
    height: 45px !important;
    background: white;
    display: table;
    border-radius: 15px;
    margin-top: 20px;
    width: 100%;
    background-image: url('../img/Rightarrow.png');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 30px center;
}

    .module-list-li:hover {
        background: wheat;
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: right 30px center;
    }

    .module-list-li a {
        text-align: left;
        padding-left: 20px;
        font-family: DMSans-Regular;
        font-size: 20px;
        vertical-align: middle;
        display: table-cell !important;
        width: 100%;
        padding-right: 44px;
        color: #333132 !important;
    }

/*#endregion AdultWellbeing-50*/
div.buttons {
    padding: 0px;
}

/* AdultWellbeing-52: UI Tweaks */
.suggestions-main-div p:first-child {
    float: left;
}

.customControlsError ul {
    margin-bottom: 0px;
    margin-top: 25px;
}

h3.standardQuestion {
    margin: 0px !important;
}



div.choiceBelowBlock span.ui-accordion-header {
    margin-top: 5px !important;
    padding-top: 0px;
    font-family: DMSans-Regular !important;
    font-size: 16px !important;
    color: #404040;
    line-height: 26px !important;
}

div.choiceBelowBlock span.answer {
    padding-top: 0px;
}

.question.MultiChoice.sliderQuestion div {
    margin-left: auto;
    margin-right: auto;
}

    .question.MultiChoice.sliderQuestion div.ui-slider-horizontal {
        background-color: #B3BBBD !Important;
    }

div.results .custom-widget-hidden {
    display: none !important;
}

/*Accordian changes */
.Accordian-helper span.answer label input[type='radio'] {
    display: none !important;
}

.question.Accordian-helper span.answer.correct-answer {
    box-shadow: 0px 0px 2px 2px #55bcca !important;
    margin-bottom: 0px !important;
    width: 98% !important;
    margin-left: 2px !important;
}

.question.Accordian-helper span.answer {
    background-color: #f6f6f7 !important;
}

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

div.question.Accordian-helper span.answer.wrong-answer {
    box-shadow: 0px 0px 2px 2px #ba6554 !important;
    border: #ba6554 solid 1px !important;
    color: black !important;
    background: white !important;
    margin-bottom: 0px !important;
    width: 98% !important;
}

div.Accordian-helper div.accordian-content {
    /*box-shadow: 0px 0px 2px 2px #ba6554 !important;
     border: #ba6554 solid 1px !important;*/
    background-color: white !important;
    color: black !important;
    margin: 0px 0 5px 0px;
    width: 97% !important;
    font-size: 14px !important;
}

    div.Accordian-helper div.accordian-content p {
        margin-left: 5px !important;
    }

.question.MultiChoice.One-line-per-answer .choiceBelowBlock span.answer.ui-accordion-header {
    padding-left: 5px !important;
}

.Accordian-helper span.answer {
    color: black !important;
    margin: 5px 0 10px 0 !important;
}

.ltrInputs {
    width: auto;
    min-height: auto;
}

.btnGotoNextSurvey {
    float: right !important;
}


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

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

    .btnGotoNextSurvey {
        border-radius: 25px !important;
        background-color: #E14504 !important;
        border: 1px solid #E14504 !important;
        color: #ffffff !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        padding: 1px 42px 1px 34px !important;
        font-weight: normal !important;
        font-family: DMSans-Regular !important;
        background-image: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin-top: 6px;
        font-size: 20px !important;
        width: 188px;
        height: 37px !important;
        display: block;
        float: none !IMPORTANT;
        margin: auto;
    }

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

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

    .matrix .answerMob span.col-xs-10 {
        padding-left: 0px !important;
        font-size: 14px;
        width: 100%;
    }

    .matrix .answerMob span.col-xs-2 input[type=radio] {
        margin: 6px 0 0 3px !important;
        display: none;
    }

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

    .answerMob.col-sm-12.col-xs-12:active,
    .answerMob.col-sm-12.col-xs-12.active {
        background-color: #D64204 !important;
    }


        .answerMob.col-sm-12.col-xs-12:active,
        .answerMob.col-sm-12.col-xs-12.active p {
            color: #FFFFFF !important;
        }

    .color-change {
        background-color: orange !important;
    }

    .answerMob.col-sm-12.col-xs-12.ColorAdd {
        background-color: orange !important;
    }

    .matrix .row .answerMob {
        background-color: #f6f6f7 !important;
        border-radius: 15px !important;
        clear: both !important;
        margin-top: 10px !important;
        padding: 0.5em 0 !important;
        border: 1px solid black !important;
        text-align: center !important;
        width: 60% !important;
        margin-left: 15% !important;
    }

        .matrix .row .answerMob input:checked {
            background-color: orange;
        }

    .question.MultiChoice.buttonRenderContainer .choiceBelow span.answer.buttonrender {
        padding: 5px 0px;
        height: 25px;
        width: 61% !IMPORTANT;
        float: left;
        margin: 4px !important;
    }

    .question.MultiChoice.buttonRenderContainer div.below {
        margin-top: 0px;
    }
}

.matrix div.answerMob div.row {
    /* margin-top: 10px; */
}

.matrix .answerWeb {
    margin-top: 15px;
}

h3.warning {
    margin: 20px 0;
    color: red;
}

.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;
}


div.matrix .answerMob label input[type="radio"]:checked:before {
    top: 20%;
}

.matrix div.answerMob label input[type="radio"]:checked:before {
    top: 2px;
    left: 2px;
}

.msg-body {
    font-style: italic;
    margin-left: 50px;
    margin-right: 50px;
}


.textmargin {
    margin-left: 7px !important;
    margin-bottom: 4px !important;
}

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

.NSP #surveyNavigationButtons {
    width: 98% !important;
    margin-bottom: 20px;
}

.NSP-Body {
    padding: 10px;
    min-height: 300px;
    font-size: 20px;
}

    .ddlRealtionship, .NSP-Body .textmargin.form-control.inputs {
        width: 100%;
        margin-top: 22px;
        height: 2em;
        font-size: 20px;
        border: 1px solid #707070;
        border-radius: 10px;
        background: #F7F7F7 0% 0% no-repeat padding-box;
    }


span.answer.buttonrender.active {
    background-color: orange !important;
}

span.radio-text {
    top: 0px !important;
    position: relative;
    padding: 4px;
}

.CONS span.radio-text {
    padding-top: 0px;
}


.panel-collapse .answerMob.col-sm-12.col-xs-12 .color-change:after {
    background-color: orange !important;
}

span.answer.buttonrender label {
    height: auto !important;
}

.matrix .answerMob label span:last-child {
    top: 0px !important;
    text-align: center !important;
}

.answerMob.col-sm-12.col-xs-12 {
    height: auto;
}

.question.MultiChoice.One-line-per-answer .answer label input,
.question.MultiChoice.One-line-per-answer .answer label .radio-text {
    display: inline-block;
    font-family: DMSans-Regular !important;
    font-size: 18px;
    vertical-align: top;
    padding-left: 10px !important;
    border-radius: 50px !important;
}

.question.MultiChoice.One-line-per-answer .answer label input {
    font-size: 13px;
    outline: 0;
    position: relative;
    left: 0;
    top: 10px;
}

.question.MultiChoice.buttonRenderContainer .choiceBelow span.answer.buttonrender {
    margin: 5px 20px !important;
    width: 50% !important;
}

.NSP.supportPersonContent input.buttonOrange {
    float: right;
}

.question.Checkboxes.One-line-per-answer .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
    margin-top: 0px !important;
    margin-left: 7px !important;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    position: absolute;
    outline: 0;
}

.question.Checkboxes.One-line-per-answer .choiceBelowBlock .inputs .answer label {
    display: inline-flex;
}

.btnMessageConsent {
    background: transparent;
    border-radius: 4px;
    border: 1px solid black;
}

.checkbox {
    width: 100%;
    margin-left: 2px !IMPORTANT;
}

    .checkbox label {
        width: 90%;
        display: inline-block;
        padding: 3px;
    }


@media screen and (max-width: 767px) and (orientation: portrait) {
}

/*mobile view*/
@media screen and (max-device-width: 736px) {


    /*div.question.Checkboxes.One-line-per-answer .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
     
        margin-left: 10px !important;
       
    }*/

    div.surveyWrapper .question.MultiChoice input[type=radio] {
        margin-right: 1px !important;
    }

    div.question.MultiChoice.One-line-per-answer .choiceBelowBlock span label span {
        width: 85%;
    }


    .question.matrix .answerMob label span:first-child {
        display: none;
    }

    div.question.Text span.domain-textbox div.textboxInline {
        width: 110px !important;
    }

    .question.MultiChoice.One-line-per-answer .answer label input {
        padding: 0.5em !important;
    }

    .question.matrix .answerMob label span:last-child {
        width: 100%;
    }

    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
        width: 90%;
        padding: 0px 0px 0px 0px;
    }

    div.surveyWrapper .suggestion-modal .modal-body p {
        width: 100% !important;
        padding: 0;
    }

    div.matrix .row .answerMob {
        padding: 0 !important;
        border-radius: 50px !important;
        width: 100% !important;
        margin-left: 0 !important;
        border: 1px solid #C1B4AA !important;
        background-color: white !important;
    }

    .matrix .answerMob span p {
        padding: 15px;
    }

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

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

        .CONS .question.MultiChoice h3.inlinewideQuestion p {
            padding: 0px 5px 0px 0;
        }

    div.AddRemoveItem .btn-Add {
        width: 83% !important;
        height: 35px !important;
    }

    div.question.Text.AddAndRemoveItems .AddRemoveItemsQuestion .AddRemoveItem {
        padding-left: 14.5%;
    }

    div.surveyWrapper div.question.mobile-border-top {
        border-top: 3px dotted #e14504;
        padding-top: 20px !important;
    }

    div.question.Checkboxes.One-line-per-answer[taggedfieldid="23"] .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
        margin-top: 6px !important;
        margin-left: 0 !important;
    }

    .activity-div {
        display: flex;
        text-align: left !important;
    }

    p.activity-div img.activity-img {
        height: 67px;
        width: 121px;
    }

    div .row.raftModuleListHeading {
        font-size: 35px;
    }



    div.raftQuestionnaire .col-md-12 {
        font-size: 35px;
    }

    .suggestionsForFrontText .outer-div p {
        padding-top: 6px;
        padding-left: 10px;
    }

    div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        font-size: 25px;
    }

    div.module-name {
        margin: 0;
        width: 119%;
        margin-left: -25px;
    }

    div.card-inner-div .suggestions-main-div.panel {
        padding: 0px 2px !important;
    }

    .NSP-Body .inputs {
        margin-top: 8px;
        width: 85%;
        margin-left: 1px !IMPORTANT;
    }

    .header-menu .container-fluid {
        background-color: #f6f6f7;
    }

    div.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        right: 0;
    }

    div.question.Suggestions.Card.answers-options-two {
        float: left;
        width: 100% !important;
    }

    .NSP-Body .inputs.ddlRealtionship, .NSP-Body .textmargin.form-control.inputs {
        width: 85% !important;
        margin-left: 1px !IMPORTANT;
    }

    .NSP.supportPersonContent table.checkbox {
        width: auto;
        margin-left: 47px !IMPORTANT;
        text-align: center;
    }

    .checkbox td {
        padding: 8px 42px 0px 17px;
    }

    div.fluid-width-video-wrapper iframe {
        margin-left: 0;
        min-height: 150px;
    }

    div.MultiChoice .choiceBelowBlock span.answer.buttonrender {
        width: 100% !important;
    }

    .question.MultiChoice.One-line-per-answer .answer label input, .question.MultiChoice.One-line-per-answer .answer label .radio-text p {
        font-family: Lato;
        font-size: 14px !important;
        padding: 15px;
    }

    div.question.MultiChoice.One-line-per-answer .answer label .radio-text p {
        font-size: 18px !important;
        padding-left: 0px !important;
    }

    div.question div.suggestions-main-div.panel {
        padding-bottom: 0px;
    }
}

.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer .choiceBelowBlock span.answer {
    width: 50% !important;
}

.question.Text.Multi-line[taggedfieldid='13'] textarea, .Multi-line.dependent-question textarea {
    margin-top: 7px !IMPORTANT;
    height: 48px;
    width: 522PX;
    border-radius: 4px;
    /*border: 1px solid #707070;*/
    border: 2px solid #000000;
    background: #FFFFFF;
}

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

.fluid-width-video-wrapper iframe {
    margin-left: 0px;
}

div.dependent-question {
    margin-top: 10px !important;
}

/*iPad in landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
        width: 92%;
    }

    .modal-body img.fr-fil {
        z-index: 1;
        position: relative;
        margin: auto;
        overflow: auto;
        padding: 10px 10px 10px 3px;
        float: none !important;
        width: 14%;
    }

        .modal-body img.fr-fil.fr-dib {
            float: none !important;
            margin: auto !important;
        }

    body .raftcommon #header {
        height: 100px;
    }

    .question.DropDown select {
        padding: 0px 10px;
    }

    .raftcommon ul.nav {
        margin-top: -71px !important;
    }

    .liDashboard .hepl-text {
        position: relative;
        top: 3px;
    }

    .get-help-li .hepl-text {
        position: relative;
        left: -12px;
    }

    div.fluid-width-video-wrapper {
        height: 200px;
    }

    div.question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
    }

    div[taggedfieldid="51"].question.MultiChoice.Wide-question-inline-Answers input[type="radio"] {
        margin: 0px 40px !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable span.ui-dialog-title {
        font-size: 30px;
    }

    div.ui-dialog-content .your_score {
        font-size: 16px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable ul.ui-dialog-content li p {
        font-size: 24px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable .ui-dialog-buttonpane button {
        font-size: 24px;
    }

    div.NSP label#lblname, div.NSP label#lblphone, .col-md-2 p {
        margin-top: 35px;
    }

    .raftcommon #header .img-responsive {
        height: 70px;
    }

    .suggestionsForFrontText .outer-div p {
        padding-top: 13px;
    }

    div.matrix div.answerMob label input[type='radio']:checked:before {
        left: 4px;
        top: 4px;
    }

    .suggestionsForFrontText .outer-div-right span.starOn, .suggestionsForFrontText .outer-div-right span.starOff {
        margin-top: 2px !important;
    }

    div .ui-dialog {
        width: 80% !important;
        left: 85px !important;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        left: 97%;
        width: 23px;
    }

    .raftcommon .body-content {
        min-height: 512px;
    }

    .question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 5px 40px !important;
        position: absolute;
    }

    #wrapper {
        width: 100% !important;
    }

    span.radio-text {
        padding: 0 !important;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        margin-left: 2px;
        width: 42% !important;
    }

    .question.Matrix.unanswered.answers-options-five .panel-default .collapse {
        display: block;
    }

    .question.Matrix.answers-options-five .panel-default .collapse {
        display: block;
    }

    .surveyBox {
        width: 100% !important;
    }

    .tabView #modulesContainer {
        width: 100% !important;
    }

    .tabView .navbar-nav {
        margin: 2px 0px !important;
    }

    .raftcommon .moduleButtonActive {
        width: 99% !important;
    }

    .tabView .navbar-inverse {
        height: auto !important;
    }

    .raftcommon #modulesContainer #myNavbar #programIntro {
        background-color: transparent;
        max-height: none !important;
        border-top: 2px solid white;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 30px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 11px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:before {
        width: 22px;
        left: 90px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        width: 25px;
        top: -120px;
        left: 99%;
    }

    .raftcommon div.ltrInputs {
        padding: 0px;
        margin: 0 40px;
    }

    label.registration-show-password {
        margin-left: -12px;
    }

    div.question.DropDown select {
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        width: 50% !important;
        left: 26% !important;
    }

    div.helpNow {
        padding: 20px 10px 15px 10px;
    }

    .help-contents {
        padding: 0px 40px;
    }

    #cphContent_lblMsg .container {
        width: 740px;
    }
}
/*iPad in portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


    body .raftcommon #header {
        height: 100px;
    }

    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
        width: 92%;
    }

    .matrix .answerMob span p {
        padding: 15px;
    }

    .question.DropDown select {
        padding: 0px 10px;
    }

    div.question.DropDown select {
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
    }

    div.AddRemoveItem .btn-Add {
        background: url(../img/plusicon.png) no-repeat center !important;
        background-size: 100% 100% !important;
        padding: 0px !important;
        margin: 0px !important;
        display: inline-block;
        width: 40px !important;
        height: 40px !important;
    }

    div.AddRemoveItemsQuestion .AddRemoveItem .txtAddItem {
        width: 84% !important;
    }

    div.fluid-width-video-wrapper {
        height: 200px;
    }

    div.question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 0px 40px !important;
    }

    div[taggedfieldid="51"].question.MultiChoice.Wide-question-inline-Answers input[type="radio"] {
        margin: 0px 40px !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable span.ui-dialog-title {
        font-size: 30px;
    }

    div.ui-dialog-content .your_score {
        font-size: 16px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable ul.ui-dialog-content li p {
        font-size: 24px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable .ui-dialog-buttonpane button {
        font-size: 24px;
    }

    span.hepl-text {
        margin-left: -9px !important;
    }

    .liDashboard .hepl-text {
        margin-left: -2px !important;
        position: relative;
        top: 3px;
    }

    span .logout-text {
        margin-left: 2px !important;
    }

    .raftcommon #header .img-responsive {
        height: 70px;
    }

    .card-inner-div div.suggestions-main-div .card-middel-div .inner-div-down p {
        padding-top: 0px;
        padding: 0px 10px 0px 10px;
    }

    label.registration-show-password {
        margin-left: -12px;
    }

    .raftcommon div.ltrInputs {
        padding: 0px;
        margin: 0 40px;
    }

    .card-inner-div div.suggestions-main-div .card-middel-div .inner-div-down {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        height: 100%;
    }

    .card-inner-div div.suggestions-main-div .card-middel-div {
        display: table;
        width: 100%;
    }

    .row.card-middel-div {
        min-height: 160px !important;
    }

    .suggestionsForFrontText .outer-div p {
        padding-top: 13px;
        padding-left: 15px;
    }

    .suggestionsForFrontText .outer-div-right span.starOn, .suggestionsForFrontText .outer-div-right span.starOff {
        margin-top: 2px !important;
    }


    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        left: 99%;
        width: 26px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:before {
        left: 64px;
    }

    div .question.question.Suggestions.Card .standardQuestion {
        width: 100% !important;
    }

    span.question.suggestion-question p {
        color: #E14504;
    }

    .matrix .answerMob label span:last-child {
        padding-right: 70px;
    }

    .question div.matrix div.answerMob.col-sm-12 {
        padding: 0 !important;
        border-radius: 50px !important;
        border: 1px solid #C1B4AA !important;
        background-color: white !important;
        clear: both !important;
        margin-top: 10px !important;
        text-align: center !important;
        width: 60% !important;
    }

    div.matrix div.answerMob.col-sm-12 input[type="radio"] {
        display: none !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        width: 85% !important;
        left: 45px !important;
    }

    .raftcommon .body-content {
        min-height: 840px;
    }

    .raftcommon .nav {
        margin-right: -14px;
        margin-top: -78px;
    }

    .question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 0px 40px !important;
        position: absolute;
        outline: 0;
    }

    img.img-responsive {
        margin-left: 38px !important;
    }

    h3.inlinewideQuestion {
        margin: 0px 10px 0px 0px !important;
        float: left;
        width: 60% !important;
    }

    div#loginBox {
        padding: 30.5% 0px 0px 0 !important;
    }

    #wrapper {
        width: 100% !important;
    }

    img.fr-image-dropped.fr-fin.fr-dii {
        width: 100%;
    }

    span.f-video-editor.fr-fvn.fr-tnv {
        position: relative;
        margin-left: 0px;
    }

    .fluid-width-video-wrapper iframe {
        margin-left: 0px;
    }

    span.radio-text {
        padding: 0 !important;
    }

    .surveyBox {
        width: 100% !important;
    }

    .tabView #modulesContainer {
        width: 100% !important;
    }

    .tabView .navbar-nav {
        margin: 2px 0px !important;
    }

    .tabView .navbar-inverse {
        height: auto !important;
    }

    .raftcommon #modulesContainer #myNavbar #programIntro {
        background-color: transparent;
        max-height: none !important;
        border-top: 2px solid white;
    }

    div.help-container p {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    div.help-container div.helpNow p span {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    div.help-container ul.help-contents li p span {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    #cphContent_lblMsg .container {
        width: 665px;
        width: 100%;
    }

    div.helpNow {
        padding: 20px 10px 15px 10px;
    }

    .help-contents {
        padding: 0px 40px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 30px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 7px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:before {
        width: 21px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        top: -124px;
    }

    div.NSP label#lblname, label#lblphone, .col-md-2 p {
        margin-top: 10px;
    }

    .bdi-logo {
        max-width: 100% !important;
    }

    .unsw-logo {
        position: relative !important;
        top: 0px !important;
        padding: 0 !important;
    }

    .header.row {
        height: auto !important;
    }

    .get-help-now, .get-help-now:hover {
        position: relative !important;
        top: 0 !important;
        height: 124px !important;
    }
}
/*iPad pro Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .raftcommon .body-content {
        min-height: 1110px;
    }

    #cphContent_lblMsg .container {
        width: 712px;
    }

    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
        width: 92%;
    }

    .question.DropDown select {
        padding: 0px 10px;
    }

    div.question.DropDown select {
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
    }

    div.AddRemoveItem input.btn-Add {
        height: 75px !important;
    }

    div.question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 0px 40px !important;
    }

    div.fluid-width-video-wrapper {
        height: 200px;
    }

    body .raftcommon #header {
        height: 100px;
    }

    .raftcommon #header .img-responsive {
        height: 70px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        left: 93.4%;
        width: 50px;
    }

    div.ui-dialog {
        width: 80% !important;
        left: 97px !important;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 35px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 50px;
    }

    div.NSP label#lblname, div.NSP label#lblphone, .col-md-2 p {
        margin-top: 35px;
    }
}

/*iPad pro Landscape */
@media only screen and (min-device-width: 1024px) and (min-device-width: 1366px)and (max-device-width: 1380px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    div.question.Suggestions.Card.show-question-side-by-side div.col-md-4.card-inner-div {
        width: 33% !important;
    }

    div.CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 20px;
    }

    #cphContent_lblMsg .container {
        width: 100%;
    }

    div.helpNow {
        padding: 20px 10px 15px 10px;
    }

    .help-contents {
        padding: 0px 40px;
    }

    div.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, div.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
        width: 92%;
    }

    .question.DropDown select {
        padding: 0px 10px;
    }

    div.question.DropDown select {
        width: 90% !Important;
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
    }

    div.AddRemoveItem input.btn-Add {
        height: 75px !important;
    }

    div.question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 3px 40px !important;
    }

    div[taggedfieldid="51"].question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 3px 38px !important;
    }

    div.fluid-width-video-wrapper {
        height: 200px;
    }

    div.NSP label#lblname, .col-md-2 p {
        margin-top: 35px;
    }

    div.NSP label#lblphone {
        margin-top: 25px;
    }

    div.help-container p {
        font-size: 18px !important;
        line-height: 16px !important;
    }

    div.help-container div.helpNow p span {
        font-size: 25px !important;
        line-height: 25px !important;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 25px;
    }

    body .raftcommon #header {
        height: 144px;
    }

    .raftcommon #header .img-responsive {
        height: 70px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        width: 64% !important;
        left: 181px !important;
    }


    .raftcommon .body-content {
        min-height: 566px;
    }

    img.img-responsive {
        margin-left: 60px !important;
    }

    .help-container {
        width: 100% !important;
        margin: auto;
    }
}

.WebProgram.tabView .navbar-brand {
    height: auto;
    color: white;
    font-size: 24px;
}

.vertical:before {
    content: "";
    position: absolute;
    height: 65px;
    left: 0px;
    width: 1px;
    background-color: #D8D8D8;
    margin-left: 20px;
}

img.img-responsive {
    float: left;
    margin: 10px;
    height: 70px;
    margin-left: 5px;
}


a#HeaderMenu_lBtnLogoutMobile {
    background-image: url('../img/50x50_logout.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    padding: 9px 28px 6px 10px;
}

.getHelp.help-menu {
    background-image: url('../img/50x50_get_help.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    padding: 9px 28px 6px 10px;
}

.menu.home {
    background-image: url(../img/HomeIcon.png);
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-size: 100% 145%;
    background-position: 0px -12px;
    padding: 0px 28px 2px 10px;
    margin-bottom: 10px;
}

.getHelp.help-menu.active {
    background-image: url('../img/50x50_get_help_active.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    padding: 9px 28px 6px 10px;
}

span.logout-text {
    font-size: 18px;
    text-align: center;
    color: #E14504;
    margin-left: -5px;
}

span.hepl-text {
    font-size: 18px;
    color: #E14504;
    /* background: gray;
    */
}

.raftcommon ul.nav.navbar-nav li {
    width: 80px;
    margin-top: -250px !important;
}


ul.help-contents li {
    list-style-type: none;
    background: white;
    text-align: center;
    margin-top: 20px;
    border-radius: 10px;
    padding: 15px;
}


.helpNow {
    text-align: center;
    padding: 20px 10px 15px 60px;
}

.help-container p {
    margin: 0px;
    font-size: 16px !important;
    /*font-weight: bold;*/
    font-family: DMSans-Regular;
}

.help-container .helpNow p {
    color: #E14504;
}

    .help-container .helpNow p span {
        font-size: 20px;
        /*font-weight: bold;*/
    }

.help-container ul.help-contents li p span {
    color: #E14504;
    font-size: 20px;
    font-weight: 100;
}

.help-container ul.help-contents li p a {
    color: #E14504;
}



input.submitbtn {
    width: auto;
    border-radius: 30px;
    color: #FFFF;
    background: #FF9F1A;
    margin-top: 10px;
    border: 1px solid #FF9F1A;
    font-size: 18px !important;
    font-family: DMSans-Regular;
}

.choiceBelow div.below, .choiceBelow div.belowWithLine, .choiceBelow div.inputs {
    text-align: center;
    margin-top: 0px !important;
}

div.question.DropDown select {
    -webkit-appearance: none !important;
    background-image: url(../img/Downarrow.png);
    background-position: 94% 22px;
    border: 2px solid #000000;
}

.question.DropDown select {
    width: 637px;
    border-radius: 6px;
    margin-top: 7px;
    height: 53px;
    font-size: 20px;
    border: 2px solid #000000 !IMPORTANT;
    border-radius: 4PX;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

.progress {
    width: 60%;
    margin: 0px auto;
    /*  height: 18px;
    border-radius: 20px;*/
    height: 10px;
    border-radius: 20px;
    background-color: #f3ccbc;
}

.progress-bar {
    color: transparent;
    text-align: center;
    background-color: #E14504;
}

.row.raftQuestionnaire {
    text-align: center;
    padding: 20px;
    color: #E14504;
    font-weight: bold;
    font-size: 24px;
}

.CONS div.question.MultiChoice + div.dependent-question {
    border-top: 4px dotted #E14504;
}

div.dependent-question {
    margin-top: 16px !important;
}

.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
    margin: 5px 50px !important;
    position: absolute;
    outline: 0;
}

.textboxInline {
    float: left;
    width: 100% !Important;
}

    .textboxInline input:focus {
        outline: none;
        box-shadow: none;
    }

    .textboxInline input, .textboxInline input[type=text], .textboxInline input[type=number], .otherAdvancedGender, textarea {
        padding: 12px 16px;
        font-family: 'DMSans-Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 18px !important;
        line-height: 24px;
        color: #000000 !important;
        background: none;
        width: 520px;
        max-width: 100%;
        height: 48px;
        left: 291px;
        top: 746px;
        background: #FFFFFF;
        border: 2px solid #000000;
        box-sizing: border-box;
        border-radius: 4px;
    }

.question textarea {
    width: 100%;
    outline: 0;
}

.heading {
    color: #E14504;
}

.textboxInline input[type=text]:focus, .question.Text.Multi-line[taggedfieldid='13'] textarea:focus {
    outline: none !important;
}

.choiceInlineNarrow span.answer label {
    display: inline-flex !important;
}

span.question {
    padding-left: 0px;
}

div.question {
    padding-left: 20px !important;
}

.question.MultiChoice .choiceInlineNarrow span.answer {
    text-align: right !IMPORTANT;
}

.row.raftModuleListHeading {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    margin-top: 30px;
    color: #E14504;
}

.row.raftModuleListContents {
    text-align: center;
    font-size: 20px;
    font-family: DMSans-Regular;
    color: #333132;
    font-weight: bold;
    padding: 20px;
}


.module-list-li .locked {
    background: wheat;
    background-image: url('../img/lock.png');
    background-repeat: no-repeat;
    border-bottom: 10px solid #f6f6f7;
    height: 45px !important;
    display: table;
    width: 100%;
    border: 1px solid wheat;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: right 10px center;
    border-radius: 15px;
    pointer-events: none;
}

a:active, a:hover {
    text-decoration: none !important;
}


.row.card-middel-div {
    min-height: 130px;
    background: #f7dbb4;
    text-align: center;
    border-radius: 20px;
}


.question.PlainText h4 {
    padding-left: 5px;
}

.paper div.ui-dialog-titlebar.ui-widget-header {
    padding: 31px 0px 21px 0px;
    background: white !important;
    border: none;
    display: none;
}

span.ui-dialog-title {
    color: #E14504;
    text-align: center;
}

.ui-dialog-buttonset button {
    background: #E14504;
    color: white;
    margin-left: 245px !important;
    padding: 5px 65px !important;
    border: none;
    border-radius: 101px;
}

.ui-dialog .ui-dialog-title {
    width: 100%;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none;
    background-color: white;
    margin-bottom: 40px;
}

.ui-dialog-content a {
    color: #E14504 !important;
    text-decoration: underline !important;
}

ul#reportFieldPopup {
    text-align: center;
    background-color: white;
    margin: 0;
    padding: 21px 50px 21px 50px !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left !important;
    text-align: center;
    width: 100%;
}

.ui-dialog .ui-dialog-title {
    width: 100% !important;
}

.ui-dialog-content .score {
    text-align: center;
    font-size: 65px;
    color: white;
    padding: 0px 30px;
    font-weight: bold;
    background: #f7d1c1;
    border-radius: 20px;
}

.ui-dialog-content .score {
    margin: 20px 10px;
}

.ui-dialog-content .score_paragraph {
    margin: 10px 0px 30px 0px;
}

.ui-dialog-content .your_score {
    font-weight: 700;
    color: #E14504 !important;
    font-size: 25px !important;
    margin-bottom: 20px;
    font-family: DMSans-Regular;
}

.textboxInline .show-password-criteria {
    /* Width: 312px; */
    max-width: 100%;
    Height: 36px;
    Top: 970px;
    Left: 291px;
    font-size: 12px !important;
    /*   font-style: normal !important; */
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.25px;
    text-align: left;
    display: block !important;
    margin-top: 18px;
}

@media only screen and (min-device-width: 374px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 2) {
    div.surveyWrapper .buttons .ButtonBlue, div.surveyWrapper .buttons .buttonOrange {
        margin: auto !important;
        width: 100%;
    }
}

/*iphone 6*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    div.ajax__tab_panel {
        min-height: 23vh;
    }

    ul.module-list li {
        width: 98%;
    }

    .surveyWrapper .buttons .ButtonBlue, .surveyWrapper .buttons .buttonOrange {
        margin-left: 5% !important;
    }

    .CONS div[taggedfieldid="51"].question.MultiChoice .choiceInlineNarrow .inputs {
        margin-right: 40px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        float: right;
        margin-right: 28px;
    }

    input.dobMask.hasDatepicker {
        margin-left: 0;
        width: 100% !important;
    }

    div.question.MultiChoice.buttonRenderContainer .choiceBelow span.answer.buttonrender {
        width: 100%;
    }

    div.CONS .question.MultiChoice + div.question.dependent-question:after {
        width: 35px !important;
        left: 94.45% !important;
        top: -124px !important;
    }

    div.question.MultiChoice + div.question.dependent-question:before {
        left: 36px !important;
        width: 21px !important;
    }

    div.question.Checkboxes.One-line-per-answer[taggedfieldid="23"] .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
        border: none;
        border-radius: 0;
        margin-top: 6px !important;
        margin-left: 0 !important;
    }

    div.question.DropDown select {
        width: 90% !Important;
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
    }

    div.question.MultiChoice.buttonRenderContainer .choiceBelow span.answer.buttonrender {
        margin: 5px 0 !important;
        width: 100% !important;
    }

    div.question span.answer.buttonrender {
        margin-left: 0 !important;
    }

    div.question input.dobMask.hasDatepicker {
        width: 83% !important;
    }
}
/*Iphone 6 plus*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    div.raftcommon .surveyWrapper {
        width: 90% !important;
        margin: 0px 17px !important;
    }

    div.ajax__tab_panel {
        min-height: 39vh;
    }

    p.activity-div img.activity-img {
        width: 105px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        top: 42px !important;
    }

    div.NSP.supportPersonContent input.buttonOrange {
        float: left;
        margin-left: 12% !important;
    }

    .surveyWrapper .buttons .ButtonBlue, .surveyWrapper .buttons .buttonOrange {
        margin: auto !important;
        width: 100% !important;
    }

    div.dependent-question.DropDown select {
        margin-left: 0px;
    }

    div.CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        margin-left: 52px !important;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        width: 32px !important;
        left: 95% !important;
        top: -128px !important;
    }

    div.question.MultiChoice + div.question.dependent-question:before {
        left: 40px !important;
    }
}

@media only screen and (min-device-width : 315px) and (max-device-width: 325px) {
    .AddRemoveItem .btn-Add {
        margin-left: 1px !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        left: 13px !important;
    }

        div.ui-dialog.ui-widget.ui-widget-content.ui-resizable span.ui-dialog-title {
            font-size: 30px;
        }

    div.ui-dialog-content .your_score {
        font-size: 16px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable ul.ui-dialog-content li p {
        font-size: 16px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable .ui-dialog-buttonpane button {
        font-size: 16px;
    }

    div .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        margin-left: 23px !important;
    }

    div.question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] {
        margin: 5px 40px !important;
    }

    div.CONS .question.MultiChoice + div.question.dependent-question:after {
        top: -124px !important;
        left: 93.3% !important;
        width: 25px !important;
    }

    div.CONS div[taggedfieldid="51"].question.MultiChoice.Wide-question-inline-Answers input[type="radio"] {
        margin: 5px 43px !important;
    }

    div.CONS div[taggedfieldid="51"] .choiceInlineNarrow span.answer label {
        margin-left: 44px;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-height: 680px) {
    .dependent-question.DropDown select {
        margin-left: 0px;
    }

    div.CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        margin-left: 35px;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        top: -126px !important;
        left: 97.8% !important;
        width: 22px !important;
    }

    div.raftcommon .surveyWrapper {
        width: 100% !important;
        margin: 0 !important;
    }
}

.ui-widget-overlay {
    background: white !important;
}


.card-inner-div .suggestions-main-div.panel .suggestionsForFrontText {
    background-color: #f6f6f7 !important;
    padding: 0px !IMPORTANT;
}

.card-inner-div .suggestions-main-div.panel {
    padding: 0px !important;
    border-radius: 20px !important;
    background-color: transparent !important;
    box-shadow: none;
}

.row.outer-div-down {
    padding: 0px 10px 0px 0px;
    border-top: 4px solid #f6f6f7;
    border-radius: 20px;
    background-color: white;
}

.question.Suggestions {
    background: #f6f6f7 !important;
}

.question.Text.AddAndRemoveItems .AddRemoveItemsQuestion {
    position: relative;
    margin-top: -47px;
    margin-left: 130px;
}

.question.Text.AddAndRemoveItems.white-background {
    background: white !important;
}

.surveyWrapper .question.MultiChoice input[type=radio] {
    padding: 0.5em;
    -webkit-appearance: none;
    outline-offset: 0.1em;
    top: 3px;
    left: 3px;
    height: 25px !important;
    width: 25px;
    background-color: transparent;
    border: 2px solid #000000;
    border-radius: 4px;
}



div.question.MultiChoice.One-line-per-answer .choiceBelowBlock p {
    padding: 0px !important;
}


/*.surveyWrapper .question.MultiChoice input[type=radio] {
    margin-right: 15px !important;
}*/

.surveyWrapper .question.MultiChoice input[type=radio]:checked {
    background-image: url('../Images/Vector.svg');
    background-size: 100%;
    outline: 0.1em solid transparent;
    outline-offset: 0;
    border: none;
    border-radius: 50px !important;
    height: 25px !important;
    width: 25px;
}

.surveyWrapper input[type=radio]:focus {
    outline: 0.1em solid black;
    outline-offset: 0.1em;
    border: none;
}

.CONS div.question.MultiChoice + div.question.dependent-question:after {
    content: '';
    width: 26px;
    height: 10px;
    background-color: white;
    z-index: 0;
    position: relative;
    top: -123px;
    left: 97.6%;
    visibility: visible;
}

.CONS div.question.MultiChoice + div.question.dependent-question:before {
    content: '';
    position: absolute;
    background-color: white;
    width: 23px;
    height: 10px;
    left: 0;
    z-index: 0;
    margin-top: -23px;
}

.suggestionsForFrontText span.starOff, .suggestionsForFrontText span.starOn {
    margin-top: 0px !important;
}

span.question.suggestion-question p {
    color: #E14504;
    padding: 0px;
}

.inner-div-down p strong {
    color: black;
}

.inner-div-down img.fr-fil.fr-dii {
    margin-left: 55px;
}
/*web view */
@media only screen and (min-device-width : 1100px) {
    div.help-container p {
        font-size: 30px !important;
        line-height: 45px !important;
    }

    .question.Matrix.answers-options-four .row.panel-group .panel-default:nth-child(even) {
        background-color: #f3f3f3;
    }

    .question.Matrix.answers-options-four .row.panel-group .panel-default:nth-child(odd) {
        background-color: white;
    }

    div.row.card-middel-div {
        min-height: 272px;
    }

    div .question.Checkboxes.One-line-per-answer[taggedfieldid="23"] .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
        margin: 6px 11px 0 -16px !important;
    }


    .get-help-li {
        margin-right: 20px;
    }

    .liDashboard {
        margin-right: 10px;
    }

        .liDashboard .hepl-text {
            position: relative;
            top: 3px;
            left: -3px;
        }

    .get-help-li .hepl-text {
        position: relative;
        left: -13px;
    }

    div.help-container div.helpNow p span {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    div.help-container ul.help-contents li p span {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    div .suggestions-main-div .card-middel-div .inner-div-down p {
        font-size: 40px;
        line-height: 43px !important;
        padding: 0px 10px 0px 10px;
    }

    .suggestionsForFrontText .outer-div p {
        padding-top: 13px;
        padding-left: 15px;
        color: black;
    }

    .suggestionsForFrontText .outer-div-right span.starOn, .suggestionsForFrontText .outer-div-right span.starOff {
        margin-top: 2px !important;
    }

    .CONS .question.MultiChoice span.radio-text {
        top: 0px !important;
    }

    .header-menu .container-fluid {
        margin-bottom: 48px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 35px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 25px;
    }

    .CONS div.question.MultiChoice + div.dependent-question {
        background-image: linear-gradient(to right, red 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
        border: none !important;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:before {
        margin-top: -22px !important;
    }
}


input[type=radio]:checked::-ms-check {
    background: url('../img/tick.png');
    border: none !important;
    background-size: 100%;
    color: transparent;
    outline: 0.1em solid red;
}

input[type=radio]::-ms-check {
    border: none;
    color: none !important;
    background-color: none !important;
}
/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .surveyWrapper input[type=radio]::-ms-expand {
        display: none;
    }

    div.CONS div.question.MultiChoice + div.question.dependent-question::after {
        width: 33px !important;
        left: 96.6% !important;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 35px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 25px;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question::after {
        top: -96px;
    }

    span.hepl-text {
        display: block;
    }

    .getHelp.help-menu {
        background-size: 100%;
    }

    a#HeaderMenu_lBtnLogoutMobile {
        background-size: 100%;
    }




    .CONS div.question.MultiChoice + div.dependent-question {
        background-image: linear-gradient(to right, red 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
        border: none !important;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:before {
        margin-top: -22px !important;
    }
}
/*edge*/
@supports (-ms-ime-align:auto) {
    div.CONS .question.MultiChoice + div.question.dependent-question:after {
        width: 33px !important;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow span.answer {
        vertical-align: bottom;
        display: table-cell;
        padding: 0px 35px;
    }

    .CONS .question.MultiChoice .choiceInlineNarrow .inputs {
        padding-left: 25px;
    }

    .CONS div.question.MultiChoice + div.dependent-question {
        background-image: linear-gradient(to right, red 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
        border: none !important;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:before {
        margin-top: -22px !important;
    }
}

/*Responsive Web View*/
@media screen and (min-width: 1919px) and (max-device-width: 2200px) {
    div.question.Suggestions.Card.answers-options-two p {
        text-align: left !important;
    }

    div.AddRemoveItem .btn-Add {
        height: 110px !important;
    }

    div.suggestions-main-div .card-middel-div .inner-div-down p .strong {
        font-size: 40px;
        line-height: 43px !important;
    }

    .NSP.supportPersonContent .col-md-7 p {
        padding-top: 15px;
    }

    .NSP-Body .textmargin.form-control.inputs {
        width: 390px;
        margin-top: 7px;
        border-radius: 7px;
        height: 2em;
        border: 1px solid #707070;
        background: #F7F7F7;
    }

    .textmargin.form-control.ddlRealtionship.inputs {
        -webkit-appearance: none !important;
        background-image: url(../img/Downarrow.png) !important;
        background-position: 94% 22px !important;
        background-repeat: no-repeat !important;
        margin-left: 0px;
        border-color: #ddd !important;
        background: #F7F7F7 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
        background-color: #F7F7F7 !important;
    }

    .NSP.supportPersonContent, .NSP.nominatedSupportPerson p {
        font-size: 20px !important;
        color: #31261D !important;
        font-family: DMSans-Regular !important;
    }

    label#lblname, label#lblphone, .col-md-2 p, div#messege {
        font-size: 20px;
        color: #31261D;
        font-family: DMSans-Regular !important
    }

    .NSP label#lblname, label#lblphone, .col-md-2 p {
        margin-top: 35px;
    }

    .matrix .panel.panel-default .col-md-7.col-xs-12.col-sm-12.panel-collapse.collapse {
        display: block;
    }

    .question.Matrix .answerMob label input[type='radio'] {
        width: 18px !important;
        height: 18px !important;
    }

    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        left: 0px !important;
        margin-left: 0px !important;
    }

    .suggestionsForFrontText .outer-div p {
        padding-top: 13px;
    }

    .suggestionsForFrontText .outer-div-right span.starOn, .suggestionsForFrontText .outer-div-right span.starOff {
        margin-top: 2px !important;
    }

    div.raftcommon .body-content {
        /* min-height: 768px; */
        /* height: auto; */
    }

    div.CONS .question.MultiChoice + div.question.dependent-question:after {
        width: 47px !important;
    }

    .header-menu .container-fluid {
        margin-bottom: 48px;
    }

    div.raftcommon ul.nav {
        margin-top: -65px;
    }

    .CONS div.question.MultiChoice + div.dependent-question {
        background-image: linear-gradient(to right, red 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
        border: none !important;
        position: relative;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:before {
        margin-top: -22px !important;
    }
}

@media all and (min--moz-device-pixel-ratio:0) {
    li.get-help-li .hepl-text {
        left: -5px;
    }

    li span.logout-text {
        margin-left: 5px;
    }

    a#HeaderMenu_lblDashboard.menu.home {
        padding: 2.3px 25px 2.3px 10px;
        background-position: 0px -13px;
    }

    .nav a#HeaderMenu_lBtnLogoutMobile {
        background-size: 90% 90%;
    }

    a#HeaderMenu_liDashboar.liDashboard {
        margin-right: 30px;
    }

        a#HeaderMenu_liDashboar.liDashboard .menu.home {
            background-position: 0px -11px;
        }

    div .raftcommon ul.nav.navbar-nav li {
        width: 77px !important;
        margin-top: -250px !important;
    }

    .getHelp.help-menu {
        background-size: 90% 90%;
        padding: 9px 20px 6px 0px;
    }

    a#HeaderMenu_lBtnLogoutMobile {
        padding: 9px 20px 6px 0px;
        background-size: 100%;
    }

    a#HeaderMenu_lBtnLogoutMobile {
        background-size: 90% 90%;
    }

    .surveyWrapper input[type=radio]:checked {
        background-image: url('../img/tick.png');
        background-size: 100%;
        outline: 0.1em solid red;
        outline-offset: 0;
    }

    .CONS div.question.MultiChoice + div.dependent-question {
        background-image: linear-gradient(to right, red 10%, rgba(255, 255, 255, 0) 0%);
        background-position: top;
        background-size: 10px 3px;
        background-repeat: repeat-x;
        border: none !important;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:before {
        margin-top: -22px !important;
    }

    .CONS div.question.MultiChoice + div.question.dependent-question:after {
        right: 0;
    }
}

@media only screen and (max-device-width: 280px) {
    .raftcommon #modulesContainer #myNavbar .navbar-brand {
        width: 218px !important;
    }

    div.ui-dialog {
        left: 10px !important;
    }
}

.choiceBelowBlock span.answer {
    padding: 10px !important;
    padding-left: 0px !important;
}

.surveyWrapper input[type=checkbox]:checked {
    background-image: url('../Images/Vector.svg');
    background-size: 100%;
    outline: 0 solid #E14504;
    outline-offset: 0;
    margin-left: 12px !important;
    width: 14px;
    height: 14px;
    border: none !important;
}

input[type='checkbox'] {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 2px solid #666666 !important;
    vertical-align: middle;
}

.surveyWrapper {
    margin: 0 0 !important;
}

.MultiChoice .choiceBelowBlock span.answer.buttonrender {
    border-radius: 4px !important;
    /* width: 50% !important;*/
    padding: 0 !important;
    background: #FFF5E8 !important;
}

element.style {
}

input[type=checkbox]:focus {
    width: 14px;
    height: 14px;
    background: transparent;
    outline: 0.1em solid #E14504;
    vertical-align: middle;
    outline-offset: 0px !important;
}

.surveyWrapper label.registration-show-password input[type="checkbox"] {
    margin: 0 2px !important;
    border: 0;
    border-radius: 0;
}


ul#maenuItem {
    list-style-type: none;
    padding-top: 20px;
    float: left;
}

.AddRemoveItem .btn-Add {
    background: url(../img/button@3x.png) no-repeat center !important;
    position: relative;
    display: block;
    background-position: center center !important;
    width: 75% !important;
    height: 65px !important;
    background-size: 100% 100% !important;
    padding: 10px 0px !important;
    margin: 10px 0px 0px 0px !important;
}

.AddRemoveItem .btn-Delete.change_position {
    left: -30px;
    background-image: url('../img/cross@3x.png') !important;
    pointer-events: all;
}

.AddRemoveItem .btn-Delete {
    background-image: none !important;
    background-position: center;
    left: -30px;
    position: relative;
    pointer-events: none;
}

.suggestions-main-div .card-middel-div .inner-div-down p {
    width: 100%;
    position: relative;
    font-size: 20px;
    font-weight: bold;
}

    .suggestions-main-div .card-middel-div .inner-div-down p :empty {
        display: none;
    }

div.question.Suggestions.Card.answers-options-two.show-question-side-by-side {
    width: 50% !important;
}

div.question.Suggestions.Card.answers-options-two {
    width: 100% !important;
}

.col-md-4.card-inner-div {
    width: 25%;
    float: left;
}

.width-100 .col-md-4.card-inner-div {
    width: 25%;
}

div.question.Suggestions.Card.show-question-side-by-side div.col-md-4.card-inner-div {
    width: 50%;
}

.tooltip.fade.top.in {
    font-size: 18px !important;
    font-family: DMSans-Regular !important;
    color: #333 !important;
}

div .question p span {
    font-size: 18px !important;
}

div.supportPersonContent .buttons.no-button {
    margin-top: 10px;
}

div.printSurvey > div > h1 > .move-to-landing {
    float: right;
    height: 61px;
    width: 56px;
    display: table;
    position: relative;
    top: -20px;
    right: -20px;
}


ul#maenuItem {
    list-style-type: none;
    padding-top: 20px;
    float: left;
    width: 100%;
    padding: 0;
}

.CONS .question.MultiChoice.Wide-question-inline-Answers .choiceInlineNarrow input[type="radio"] span.radio-text p:first-child {
    padding: 0px 6px 5px 0px;
}

.prorgamSurveyBody .printSurvey div.question.PlainText {
    border-radius: 7px;
}

.AddRemoveItemsQuestion .AddRemoveItem .txtAddItem {
    background: #F7F7F7;
}

li#HeaderMenu_liDashboard {
    width: 120px;
}


.card-inner-div div.suggestions-main-div .card-middel-div .inner-div-down {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 100%;
}

.card-inner-div div.suggestions-main-div .card-middel-div {
    display: table;
    width: 100%;
}

/*Galaxy S9*/
@media only screen and (max-device-width: 780px) and (min-device-width: 451px) {
    .raftcommon .surveyWrapper {
        margin: 0px 3.5% !important;
    }
}
/*IPhone X*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

    div.CONS div.question.MultiChoice + div.question.dependent-question:after {
        top: -127px !important;
        left: 93.5% !important;
    }

    .surveyWrapper .buttons .ButtonBlue, .surveyWrapper .buttons .buttonOrange {
        margin: auto !important;
        width: 100% !important;
    }

    div.question.MultiChoice + div.question.dependent-question:before {
        left: 24px !important;
        width: 21px !important;
    }
}

.suggestionsForFrontText a.collapsedSuggestion {
    margin-right: 20px !important;
}

img.fr-image-dropped.fr-fin.fr-dii {
    width: 100%;
}

.move-to-landing {
    float: right;
    height: 61px;
    width: 46px;
    position: relative;
    top: 0;
    right: 20px;
    background-image: url(../img/Rightarrow.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position: top 14px right 20px;
    transform: rotate(-90deg);
}

.module-name {
    width: 94%;
    background-color: white;
    padding: 10px;
    height: 61px;
    display: table;
    margin-left: 8px;
    margin-bottom: 25px;
}

    .module-name span {
        /*width: 78%;*/
        font-size: 21px;
        display: table-cell;
        height: auto;
        vertical-align: middle;
    }

.color-brown {
    color: #E14504;
    text-align: center;
}

h3.standardQuestion span.question, h2.splitQuestion span.question {
    width: 100% !important;
}

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


    div.ajax__tab_panel {
        min-height: 48vh;
    }

    div.ltrInputs {
        min-height: 0px;
    }

    body select option {
        padding: 0 4px;
    }

    div.question.DropDown select {
        padding-left: 10px
    }

    .liDashboard .menu.home {
        width: 40px;
        background-size: cover;
        padding: 2.5px 25px 2.5px 10px;
        background-position: 0px -15px;
    }

    .CONS .question.Text.dependent-question .textboxInline {
        padding-left: 10px !important;
    }

    .CONS .question.DropDown.dependent-question select {
        margin-left: 10px;
    }

    /*.question.Text.dependent-question .textboxInline {
        padding-left: 15px !important;
    }*/

    div.matrix div.answerMob label input[type="radio"]:checked:before {
        top: 4px;
        left: 4px;
    }

    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        width: 1276px !important;
        left: 330px !important;
    }

    div.matrix .answerMob label input[type="radio"]:checked:before {
        width: 8px;
        height: 8px;
    }
}

.NSP-Body input, .NSP-Body select {
    margin-top: 0;
}

.question.MultiChoice.One-line-per-answer.answers-options-five.buttonRenderContainer p, .question.MultiChoice.One-line-per-answer.answers-options-six.buttonRenderContainer p, .question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer p {
    padding: 0px 0px 0px 0px;
    width: 95%;
}

div.question.MultiChoice.One-line-per-answer p {
    padding: 15px;
}

.raftQuestionnaire .col-md-12 {
    font-size: 40px;
}

.suggestion-modal .modal-content {
    background-color: white !important;
}

.suggestion-modal .modal-header {
    height: 50px;
    border: 0;
}

    .suggestion-modal .modal-header button {
        font-size: 41px;
        line-height: 24px;
        margin: 0;
        color: #E14504;
        opacity: 1;
    }

.suggestion-modal .modal-footer {
    border: 0;
    text-align: center;
}

    .suggestion-modal .modal-footer .close {
        float: none;
        background: #E14504;
        opacity: 1;
        padding: 10px 25px 10px 25px;
        border-radius: 25px;
        color: white;
        font-weight: normal;
    }

.NSP-Body .textmargin.form-control.inputs, .textmargin.form-control.ddlRealtionship.inputs {
    margin-bottom: 30px !important;
    height: 2em !important;
    margin-top: 20px;
}

div.ui-dialog.ui-widget.ui-widget-content {
    top: 196px !important;
    left: 322px !important;
    background-color: white;
    background: white;
    border-radius: 20px;
    border: 1px solid;
}

div.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 !important;
    float: none;
    background-color: #E14504;
    font-family: DMSans-Regular;
    color: white;
    border-radius: 50px;
    opacity: 1;
    position: relative;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 54px;
}

span.ui-dialog-title {
    font-size: 18px;
    font-family: DMSans-Regular;
    letter-spacing: 0px;
    color: #E14504;
    opacity: 1;
    font-weight: bolder;
}


ul.ui-dialog-content li {
    text-align: left;
}

    ul.ui-dialog-content li p {
        font-size: 18px;
        font-family: DMSans-Regular;
        letter-spacing: 0px;
        line-height: 28px !important;
    }

.question div.fluid-width-video-wrapper {
    padding-top: 0px !important;
    width: 100%;
    float: left;
    text-align: center;
    height: auto;
}

div.fluid-width-video-wrapper iframe {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 320px;
}


label.display-label {
    font-size: 30px;
    font-family: DMSans-Regular;
    color: #E14504;
    margin-bottom: 25px;
}

div.modal-backdrop {
    background-color: transparent;
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1919px) {
    div.ui-dialog.ui-widget.ui-widget-content.ui-resizable {
        left: 340px !important;
    }
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: block !important;
    font-size: 30px;
    line-height: 24px;
    margin: 0;
    color: #E14504;
    opacity: 1;
    background: none !important;
    height: auto;
    width: auto;
    text-indent: unset;
    font-family: DMSans-Regular;
    right: 15px;
    top: 15px;
    position: absolute;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
        content: "x";
        display: table;
    }

.activity-div img.activity-img {
    height: 60px;
    width: 42px;
    display: inline-block;
    position: relative;
    top: -15px;
}


@media only screen and (min-device-width : 737px) and (max-device-width : 1400px) {
    div.question.Checkboxes.One-line-per-answer[taggedfieldid="23"] .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
        margin: 6px 11px 0 -16px !important;
    }

    div.NSP label#lblname, .col-md-2 p {
        margin-top: 35px;
    }

    label#lblphone {
        margin-top: 22px;
    }
}

.question.Text.Multi-line.dependent-question, .question.DropDown.answers-options-seven.dependent-question, .question.DropDown.One-line-per-answer.answers-options-seven.dependent-question, .question.Text.dependent-question {
    padding-left: 18px !important;
}

    .question.Text.Multi-line.dependent-question .question p, .question.DropDown.answers-options-seven.dependent-question .question p, .question.Text.dependent-question .question p {
        padding-bottom: 15px;
    }


.question.Accordion .panel-default > div.panel-heading.correct-answer {
    margin-bottom: 20px;
}

.question.Accordion .panel-default > .panel-heading {
    border: 1px solid !important;
    margin-left: 1px !important;
    width: 96% !important;
    margin-bottom: 20px;
    border-radius: 20px;
    border-color: #ddd !important;
    height: auto;
    background-image: url(../img/Downarrow.png);
    background-repeat: no-repeat !important;
    background-position: 94% 50%;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px;
    background-size: 14px !important;
}



.question.Accordion .panel-heading.row.correct-answer {
    width: 96% !important;
    border-radius: 20px;
}

.question.Accordion .panel-body {
    width: 98% !important;
    padding-left: 0px !important;
}

.question.Accordion .panel-heading.row.correct-answer {
    box-shadow: 0px 0px 0px 0px black !important;
    margin: 0;
    height: auto;
    background-image: url(../img/Downarrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: 94% 50% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px !important;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-size: 14px !important;
}

.question.Accordion .panel-group li {
    font-size: 20px;
    font-weight: normal;
    /*color: #0000008f;*/
    font-family: DMSans-Regular;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 0px 50px !important;
}


.panel-collapse.collapse.in .panel-body.row {
    border-top-color: white;
}

.question.Accordion div.panel-body {
    border: none !important;
    box-shadow: none !important;
    margin-top: 0px;
}

.question.Accordion .panel-heading.row.correct-answer.collapsed {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none !important;
}

div.panel.panel-default {
    -webkit-box-shadow: none;
}

.CONS .question.Text.dependent-question {
    padding-left: 15px !important;
}

div.question.DropDown select, select {
    border-color: #000000;
    /* box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1); */
}

    select.textmargin.form-control.ddlRealtionship.inputs, select {
        -webkit-appearance: none !important;
        background-image: url('../img/Downarrow.png');
        background-position: 94% 22px;
        margin-left: 0px;
        border-color: #ddd !important;
        box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
    }

.MultiChoice span.radio-text {
    width: 87%;
    position: relative;
    /*top: -5px !important;*/
    text-align: left;
}

span.radio-text {
    width: 100%;
    text-align: center;
    padding: 4px 0px !important;
}

.ui-datepicker select {
    background-image: none;
}

div.question.Suggestions.Card:last-child {
    margin-bottom: 16px;
}

.header-logo-wrapper {
    display: flex;
    align-items: end;
    flex-direction: row;
}

.logo {
    margin: 15px 0px;
    max-width: 100%;
}


.row.header-container {
    width: 100%;
    height: 387px;
    position: relative;
}

    .row.header-container img {
        width: 102.5%;
    }

    .row.header-container.landing {
        height: 475px;
    }

.get-help-now,
.get-help-now:hover {
    background-color: #D64204;
    font-family: 'DMSans-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    width: 125px;
    float: right;
    height: 125px;
    text-decoration: none !important;
    position: relative;
}

    .get-help-now .text {
        color: #FFFFFF;
        position: relative;
        top: 65px;
    }

    .get-help-now .down-arrow {
        position: absolute;
        bottom: 14px;
        left: 57px;
    }

p, li {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    color: #000000 !important;
}

.img-responsive {
    float: left;
    margin: 10px 0 10px 0;
    height: 103px !important;
    width: 203px !important;
    max-width: 203px !important;
}

.service-header {
    font-family: 'DMSans-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 70px;
    color: #000000;
    padding: 90px 0;
    background-color: #FFF5E8;
    background-image: url('../Images/service-header.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
}

@media (max-width: 768px) {
    .WebProgram.mobileView *,
    .WebProgram * {
        font-size: 18px !important;
    }

    div.question span.question p,
    span.question,
    div.question.PlainText p,
    .question li,
    h3, ul li,
    .lbl-for-survey * {
        font-size: 18px !important;
    }

    /*  div.question.MultiChoice.One-line-per-answer .choiceBelowBlock p, div.question.MultiChoice.One-line-per-answer .choiceBelowBlock span {
        padding-left: 10px !important;
    }*/

    .unsw-logo {
        position: absolute;
        padding-left: 11px;
        padding-right: 20px;
        top: 76px;
        left: 8px;
        width: 132px !important;
    }

    .logo {
        max-width: unset;
    }

    .bdi-logo {
        height: 53px !important;
    }

    Div.surveyWrapper .buttons .ButtonBlue, div.surveyWrapper .buttons .buttonOrange, div.surveyWrapper .buttons .buttonOrange:hover {
        width: 100%;
        margin-right: 0px !important;
    }


    div.question.Text span.domain-textbox .textboxInline input {
        width: 100% !important;
    }
}

.body-content {
    max-width: 906px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.service-header .body-content {
    margin: 0;
    padding-bottom: 0;
    font-family: 'DMSans-Regular';
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: 0px;
    width: 750px;
    max-width: 906px;
    text-align: left;
}

    .service-header .body-content.text-center {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

h3 {
    font-family: 'DMSans-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
}

.vector-upper {
    position: absolute !important;
    top: 31px;
    left: 51px;
}

.vector-down {
    position: absolute !important;
    top: 39px;
    left: 59px;
}

.online-clinic {
    color: #31261D;
    font-family: 'DMSans-Regular';
    font-size: 26px;
    line-height: 27px;
    word-break: break-word;
    clear: both;
    display: inline;
}

    .online-clinic p {
        margin-bottom: 0px;
        font-weight: 800;
        font-family: 'DMSans-Regular';
        font-size: 20px;
        line-height: 27px;
    }

div.question.Text {
    height: auto;
    background: #FFF5E8;
    border-radius: 8px;
}

div.question {
    margin-top: 16px;
}

.question.PlainText {
    height: auto;
    /* width: 906px; */
    /* left: 267px; */
    /* top: 495px; */
    padding-left: 20px !important;
    padding-top: 15px !important;
    margin-top: 0px;
    /* margin-bottom: 100px; */
}

    .question.PlainText p {
        font-family: DMSans-Regular !important;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px !important;
        letter-spacing: 0px;
        text-align: left;
        color: #000000;
    }

.Registration div.question.Text:last-child {
    /* width: 906px; */
    height: 183px;
    /* left: 267px; */
    /* top: 842px; */
    background: #FFF5E8;
    border-radius: 8px;
}

div.question.Text span.question p {
    /* height: 32px; */
    width: 100%;
    left: 291px;
    top: 699px;
    font-family: DMSans-Regular !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px !important;
    letter-spacing: 0px;
    text-align: left;
}

/*h3.inlinewideQuestion {
    margin-top: 15px !important;
}*/

.registrationText {
    height: 40px;
    /* width: 906px; */
    /* left: 267px; */
    /* top: 439px; */
    font-family: DMSans-Regular !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: left;
    margin: 64px 0px 0px 0 !important;
    color: #000000;
}

.customControlsError.Text ul li {
    font-family: DMSans-Regular !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px !important;
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 0 !important;
    color: #D64204;
}

    .customControlsError.Text ul li a {
        text-decoration: underline;
    }
/* for extra small mobile */
@media only screen and (max-width: 392px) {
    .get-help-now, .get-help-now:hover {
        height: 95px;
        width: 95px;
    }
}
/*for Mobile view*/
@media only screen and (max-width: 768px) {
    .img-responsive {
        float: left;
        margin: 10px 0 10px 0;
        height: 65px !important;
        width: 125px !important;
        max-width: 125px !important;
    }


    ul.ui-dialog-content li a {
        word-break: break-all;
    }

    ul.ui-dialog-content li p {
        font-size: 16px;
        line-height: 24px !important;
    }

    .service-header .body-content.text-center {
        text-align: left;
    }



    .vector-upper {
        top: 24px;
        left: 38px;
    }

    .vector-down {
        top: 31px;
        left: 45px;
    }

    .get-help-now .down-arrow {
        left: 35px;
    }

    .get-help-now .text {
        font-family: 'DMSans-Regular';
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.25px;
        color: #FFFFFF;
        top: 47px;
    }

    .online-clinic p {
        font-family: 'DMSans-Regular';
        font-size: 10px;
        line-height: 12px;
        font-weight: 800;
    }

    .vertical:before {
        height: 32px;
        top: 44px;
    }

    .service-header .body-content {
        padding-bottom: 0;
        margin-left: 0px;
        font-family: 'DMSans-Regular';
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0px;
        text-align: left;
        width: 99%;
    }

    div.surveyWrapper div.question.PlainText {
        height: auto;
        width: auto;
        background-color: white !important;
        /* margin: 0; */
        /* padding: 0 !important;*/
    }

    div.question.Text {
        width: auto;
        height: auto;
        left: 267px;
        background: #FFF5E8 !important;
        border-radius: 8px;
    }

    .Registration div.question.Text:last-child {
        width: auto;
        height: 183px;
        left: 267px;
        top: 842px;
        background: #FFF5E8;
    }

    .registrationText {
        margin-left: 0px !important;
        /* left: 0; */
    }
}

.forgot-extra {
    font-size: 18px;
}

.grantProgram {
    /*    width: 521px;
    height: 34px;
    left: 267px;
    top: 1193px;*/
    font-family: DM Sans;
}

footer.footer .row {
    /* border-top: 2px solid #FFF5E8;
    padding-top: 23px;*/
}

footer.footer p {
    font-family: DMSans-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    /* or 150% */
    color: #666666;
    text-align: left;
}

    footer.footer p a {
        text-decoration: underline;
    }

.ButtonBlue, input.buttonOrange, .surveyWrapper .buttons .ButtonBlue, .surveyWrapper .buttons .buttonOrange {
    width: 280px;
    height: 60px !important;
    outline: 0;
    border: 2px solid #D64204 !important;
    box-sizing: border-box;
    border-radius: 100px !important;
    color: #D64204 !important;
    font-family: 'DMSans-Regular' !important;
    margin: 0px;
    margin-bottom: 50px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    background-color: white !important;
    background-image: none !important;
    float: right;
    text-shadow: none !important;
    right: 20px;
    bottom: 0;
}

    .ButtonBlue:hover,
    input.buttonOrange:hover,
    .surveyWrapper .buttons .ButtonBlue:hover,
    .surveyWrapper .buttons .buttonOrange:hover {
        background-color: #D64204 !important;
        color: #FFFFFF !important;
    }


.raftcommon .header-menu {
    margin-top: 0px !important;
    float: right;
}

.raftcommon ul.nav {
    margin-top: 0px !important;
}

    .raftcommon ul.nav.navbar-nav li {
        width: 80px;
        margin-top: -350px !important;
        padding-left: 0px !important
    }

div.matrix .answerMob label input[type='radio'] {
    background: transparent;
    border: 1px solid #666666;
}

    div.matrix .answerMob label input[type="radio"]:checked {
        border: 1px solid #D64204;
    }

        div.matrix .answerMob label input[type="radio"]:checked:before {
            background-color: #D64204;
        }

div.question.MultiChoice.One-line-per-answer p {
    padding: 15px;
}

div.question.MultiChoice.One-line-per-answer .question p {
    padding: 0;
}

.customControlsError li {
    color: #DE0000;
    font-size: 16px;
    padding-left: 50px;
    background-image: url(../Images/validation-img.svg);
    background-repeat: no-repeat;
    background-position: 20px 5px;
}

.question.Matrix.answers-options-four .row.panel-group .panel-default {
    padding: 10px 0;
    margin-bottom: 15px;
}

.question.Checkboxes .choiceBelowBlock .checkbox-tex {
    position: relative;
    left: 36px;
}

div.question.PlainText {
    overflow: auto;
    background-color: white !important;
    /* width: 100%;*/
    /* max-height: 450px;*/
}

.matrix .answerWeb .col-md-7 {
    padding: 0;
}

div.question.PlainText.remove-scroll {
    max-height: none;
}


.unsw-logo {
    width: 141px;
}

.bdi-logo {
    width: 250px;
}

div.question.Text span.domain-textbox {
    border: 1px solid #BFBFBF;
    background: white;
    border-radius: 4px;
    color: #808080 !important;
    padding: 0px 16px;
}

    div.question.Text span.domain-textbox .textboxInline {
        width: 148px !important;
    }

        div.question.Text span.domain-textbox .textboxInline input {
            padding: 0px;
        }

    div.question.Text span.domain-textbox .text {
        position: relative;
        top: 8px;
    }

.padding_top_50 {
    padding-top: 50px;
}

h3.inlinewideQuestion span.question {
    font-size: 18px !Important;
    color: #666666;
}

.raftcommon #header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


.inputs label input[type="radio"], input[type="checkbox"] {
    margin: 0px !important;
}


div.question.Checkboxes.One-line-per-answer .choiceBelowBlock .inputs .answer label input[type="checkbox"] {
    margin-left: 0px !important;
    margin-right: 0px !important;
}




.question.DropDown, .question.MultiChoice {
    background: #FFFFFF !important;
    border: solid 1px #FFF5E8;
}


/*1920X1080 (150%)*/
@media only screen and (min-width: 1280px) and (max-width: 1280px) {

    div.matrix div.answerMob label input[type="radio"]:checked:before {
        top: 23.3%;
        left: 16.3%;
    }

    div.matrix .answerMob label input[type="radio"]:checked:before {
        width: 6.5px;
        height: 6.5px;
    }



    .answers-options-three div.matrix div.answerMob label input[type="radio"]:checked:before, .answers-options-six div.matrix div.answerMob label input[type="radio"]:checked:before {
        top: 19.3%;
        left: 16.3%;
    }
}


div.question {
    padding-top: 15px !important;
}

.question.Text.dependent-question .question p {
    padding-bottom: 7px;
}

div.question.Text.Multi-line.dependent-question .question p {
    padding-bottom: 0px;
}

@media only screen and (min-width: 1280px) {
    .question.Matrix .matrix .answerWeb .matrixAnswer {
        padding-left: 15px;
        padding-right: 15px;
    }


    .question.Matrix .row.panel-group .panel.panel-default:nth-child(even) {
        background-color: #FFF5E8;
        /*   padding-top: 10px;
        padding-bottom: 10px;*/
        padding: 35px 0;
        height: 100px;
    }

    .question.Matrix .row.panel-group .panel.panel-default:nth-child(odd) {
        background-color: #FFF5E8 !important;
        /* padding-top: 10px; */
        /* padding-bottom: 10px; */
        padding: 35px 0;
        height: 100px;
    }



    .question.Matrix .row.panel-group .panel + .panel {
        margin-top: 15px;
    }


    .question.Matrix .row .panel-default > .panel-heading {
        background: #FFF5E8 !important;
    }
}


@media only screen and (max-width: 768px) {
    div.question.Matrix .row.panel-group .panel.panel-default:nth-child(odd) {
        background-color: #FFF5E8 !important;
    }


    .question.Matrix .row.panel-group .panel.panel-default .panel-collapse .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel-group .collapse.in {
        height: auto !important;
        margin-bottom: 20px !important;
    }
}

div.question.Checkboxes {
    background: #FFFfff !important;
    border: solid 1px #FFF5E8;
}

div.question.Text {
    background: #FFFFFF !important;
    border: solid 1px #FFF5E8;
}

/*.question.MultiChoice.One-line-per-answer.answers-options-two.buttonRenderContainer .choiceBelowBlock span.answer.buttonrender{
    wid
}*/

div.question.PlainText.updatebackgnrd {
    background: #ffffff;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.question.PlainText.updatebackgnrd p {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
}

.question.MultiChoice.One-line-per-answer.answers-options-four.buttonRenderContainer .choiceBelowBlock span.answer.buttonrender {
    width: 239px;
    height: 48px;
}

.MultiChoice .choiceBelowBlock span.answer.buttonrender {
    border-radius: 4px !important;
    padding: 0 !important;
    background: #FFF5E8 !important;
}

body span.answer.buttonrender:hover {
    background-color: #FFF5E8 !important;
    color: #000000 !important;
    border: 1px solid #FF9F1A !important;
}

div.question.MultiChoice.One-line-per-answer .choiceBelowBlock p {
    padding: 0px !important;
    font-size: 18px !important;
    line-height: 38px !important;
    margin-left: 15px !important;
}

span.answer.buttonrender.active {
    /* background-color: #FFF5E8 !important;*/
    color: #000000;
    border: 2px solid #FF9F1A;
}

span.question p,
span.question {
    font-size: 24px !important;
    font-weight: 700 !important;
}

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

.matrix .panel-default .accordion.matrixError {
    border: 2px solid Red !important;
}

.customControlsError li {
    color: #DE0000 !important;
}

@media screen and (min-width: 393px) and (max-width: 852px) and (orientation:landscape) {
    div.matrix img.pull-right {
        width: 18px;
        margin-top: -6px;
    }
}

@media screen and (max-width: 900px) and (orientation: landscape) {
    div.matrix .panel-heading .form-control.accordion {
        height: auto;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
}


body .ui-widget-overlay.ui-front {
    background: rgba(0, 0, 0, 0.95) !important;
}

sup {
    line-height: 1.6;
}

.Matrix span.question p {
    margin-bottom: 15px;
}
/*Mobile View*/
@media screen and (max-width : 766px) and (orientation: portrait) {
    .Matrix span.question p {
        margin-bottom: 15px;
    }

    img.logo {
        margin: 0px 0px !important;
        width: 100% !important;
        height: 100% !important;
    }

    .raftcommon #header {
        padding-bottom: 0px !important;
    }

    div.ui-dialog.ui-widget.ui-widget-content {
        top: 60px !important;
    }

    #questionFeedbackPopup li {
        padding-left: 0px !important;
    }

    .vector-upper {
        left: 34px;
    }

    .vector-down {
        left: 41px;
    }
}
/*Mobile View*/
@media screen and (max-width : 766px) and (orientation: landscape) {
    div.ui-dialog.ui-widget.ui-widget-content {
        position: absolute;
        height: auto;
        width: 650px !important;
        top: 37px !important;
        left: 45px !important;
        display: block;
    }

    #questionFeedbackPopup li {
        padding-left: 0px !important;
    }

    .vector-upper {
        left: 34px;
    }

    .vector-down {
        left: 41px;
    }

    .raftcommon #header {
        padding-bottom: 0px !important;
    }

    .Matrix span.question p {
        margin-bottom: 15px;
    }

    img.logo {
        margin: 0px 0px !important;
        width: 72% !important;
        height: 100% !important;
    }
}

/*iPad Pro 12.9 2021*/
@media only screen and (min-width: 1350px) and (max-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    div.ui-dialog.ui-widget.ui-widget-content {
        position: absolute;
        height: auto;
        width: 650px !important;
        top: 37px !important;
        left: 45px !important;
        display: block;
    }

    #questionFeedbackPopup li {
        padding-left: 0px !important;
    }

    .vector-upper {
        left: 34px;
    }

    .vector-down {
        left: 41px;
    }

    .raftcommon #header {
        padding-bottom: 0px !important;
    }

    .Matrix span.question p {
        margin-bottom: 15px;
    }

    img.logo {
        margin: 0px 0px !important;
        width: 72% !important;
        height: 100% !important;
    }
}

/* 1792x828px at 326ppi */
@media screen and (device-width: 414px) and (device-height: 896px) {
    div.ui-dialog.ui-widget.ui-widget-content {
        position: absolute;
        height: auto;
        width: 650px !important;
        top: 37px !important;
        left: 45px !important;
        display: block;
    }

    #questionFeedbackPopup li {
        padding-left: 0px !important;
    }

    .vector-upper {
        left: 34px;
    }

    .vector-down {
        left: 41px;
    }

    .raftcommon #header {
        padding-bottom: 0px !important;
    }

    .Matrix span.question p {
        margin-bottom: 15px;
    }

    img.logo {
        margin: 0px 0px !important;
        width: 72% !important;
        height: 100% !important;
    }
}

@media screen and (min-width: 41.75em) and (max-width: 47.9375em) {
    .raftcommon #header {
        padding-bottom: 0px !important;
    }
}

@media (device-width: 1205px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .raftcommon #header {
        padding-bottom: 0px !important;
    }
}

div.matrix .panel-heading .form-control.accordion {
    border: none;
    box-shadow: none;
}

#questionFeedbackPopup li {
    padding: 0px !important;
    text-align: center;
}

sup {
    top: 0em;
}

.matrix .panel-default, .panel-default > .panel-heading {
    background: #FFF5E8 !important;
}

div.matrix .panel-heading .form-control.accordion {
    background: #FFF5E8 !important;
}

a.fr-file:before {
    display: none !important;
}

.crisissupport .footer-text p {
    font-size: 18px !important;
}

    .crisissupport .footer-text p.p-font-weight {
        font-weight: 700 !important;
    }

.question.PlainText.crisissupport {
    background-color: #EDF1F2 !important;
    border-radius: 0px;
    height: auto;
    padding-left: 0px !important;
    padding-top: 35px !important;
    overflow: hidden !important;
    position: relative;
    padding-bottom: 0px !important;
    font-size: 18px !important;
}

@media screen and (min-width: 768px) and (max-width: 1199.98px) and (orientation: portrait) {

    .question.PlainText.crisissupport {
        margin-top: 50px;
    }
}

@media (min-width: 768.02px) and (max-width: 1199.98px) and (orientation:landscape) {


    .question.PlainText.crisissupport {
        margin-top: 50px;
    }
}


.question.PlainText.crisissupport .tabview {
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.question.PlainText.crisissupport {
    margin-top: 20px !important;
    /* width: 1440px !important; */
}

    .question.PlainText.crisissupport p strong {
        font-size: 18px !important;
        font-weight: 400 !important;
        margin-bottom: 5px;
        display: block;
    }




@media screen and (max-width: 767px) and (orientation: portrait) {

    .question.PlainText.crisissupport .col-md-8.col-md-offset-2.tabview {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 900px) and (orientation: landscape) {

    .question.PlainText.crisissupport .col-md-8.col-md-offset-2.tabview {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-device-width: 600px) {

    div.question.PlainText.crisissupport {
        height: auto;
    }

    .question.PlainText.crisissupport .tabview {
        margin: 0 40px;
    }
}

.crisissupport .margin-top-bottom {
    margin-top: 23px;
    margin-bottom: 23px;
}

.question.PlainText.crisissupport p {
    font-size: 18px !important;
}