/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

html {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

html {
    overflow-x: hidden;
}

/*OUTERFRAME*/
#outerframeContainer.container {
    padding: 0;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

#groupDivWrapper {
    background-color: var(--sentis-body-background-color);
}

@media only screen and (max-width: 1024px) {
    #groupDivWrapper {
        padding: 1%;
    }

    #main-col {
        margin-top: 0;
    }
}

/*HEADING*/
#topInfoBar {
    padding-top: 10px;
}

.topInfoBarRow {
    display: flex;
    flex: auto;
    padding-bottom: 15px;
}

.topInfoBarRow .survey-logo {
    margin: auto;
}

.topInfoBarRow .survey-title {
    margin: auto;
    text-align: right;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;   /* todo make variable */
    font-weight: 600;
    color: var(--sentis-survey-title-font-color);
}

/*GROUPS*/
.group-description {
    vertical-align: middle;
    text-align: left;
    color: var(--sentis-group-description-font-color);
    font-size: 1.5em;
    font-weight: 600;
    padding: 1%;
    margin-bottom: 0;
    background: #e7e7e7;
    border-bottom: 2px solid var(--sentis-template-accent-color);
}

.group-container {
    background-color: #f8f8f8;
}

/*FONTS*/

.question-title-container p,
.completed-text p,
.question-title-container ul,
.completed-text ul,
.question-title-container ol,
.completed-text ol {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 24px;
    color: var(--sentis-question-font-color);
}

.question-title-container em {
    color: #7F7F7F;
    font-size: 90%;
}

.question-title-container em,
.completed-text em,
.question-title-container i,
.completed-text i {
    font-weight: normal;
}

/*ERRORS*/
.question-title-container .question-error-text {
    color: var(--sentis-error-message-color);
}

a {
    color: var(--sentis-blue-md);
}

.questiontext p strong, .questiontext p b {
    color: var(--sentis-bold-font-color);
}

p {
    /*
    if you adjust this, please confirm the
    question-title-container padding is still correct
    */
    margin: 0 0 1em;
}

p:last-of-type {
    margin: 0;
}

/*16 px prevents zoom for mobile input focus*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px !important;
}

/*NAVIGATION*/

#navigator-container {
    padding-top: 1em;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #ffffff;
    background-color: var(--sentis-next-button-color);
    border-color: var(--sentis-next-button-color);
    outline: none;
}

.btn-primary:hover,
.btn-primary.disabled:hover,
.btn-primary:active:hover,
.btn-primary.disabled:active:hover,
.btn-primary.active:hover,
.swal-button.btn-primary:not([disabled]):hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.disabled:active:focus,
.btn-primary.disabled:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: var(--sentis-next-button-color-hover);
    border-color: var(--sentis-next-button-color-hover);
    outline: none;
}

#movenextbtn,
#movesubmitbtn {
    max-width: 400px;
    width: 100%;
    margin: 10px auto;
    display: block;
    float: left;
    font-size: 150%;
    font-weight: bolder;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 7px 15px -4px #888888;
}

#moveprevbtn {
    padding: 7px 13px;
    margin: 10px auto;
    box-shadow: 0 7px 15px -4px #888888;
}

.btn-default,
.btn-default:focus,
.btn-default:active {
    color: #ffffff;
    background-color: #adadad;
    border-color: #adadad;
    outline: none;
}

.btn-default:hover,
.btn-default.disabled:hover,
.btn-default.disabled:active:hover,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.disabled:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.disabled:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #ffffff;
    background-color: #a6a6a6;
    border-color: #a6a6a6;
    outline: none;
}

/*FOOTER*/
#bottomInfoBar {
    padding-top: 1em;
    font-size: 12px;
    color: #525355;
    text-align: center;
}

.powered-by {
    max-width: 130px;
    width: auto;
    height: auto;
}

.progress-bar {
    font-size: 90%;
    background-color: var(--sentis-template-accent-color);
}

.progress {
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
    #bottomInfoBar > .row > [class^=col-] {
        text-align: center;
        padding-bottom: 15px;
    }

    .survey-progress {
        margin: auto;
    }
}

/*QUESTIONS*/

.question-valid-container {
    display: none;
}

.question-title-container {
    /*this is based on the margin for p tags*/
    padding: 1em 20px;
}

.question-title-container {
    background-color: #F8F8F8;
}

.question-container {
    margin-bottom: 0;
    padding-bottom: 1em;
}

.question-container {
    border: none;
}

.ls-em-tip {
    display: none;
}

/*appended questions*/
.append-question {
    border: none !important;
}

/*hide border here for tables and just let the default border on the td handle it*/
.append-question .question-container {
    margin-bottom: 20px;
    border: none;
    border-radius: 2px;
    background-color: #f2f2f2;
}

.append-question .question-title-container {
    background-color: transparent;
    padding: .5em 10px .5em 10px;
}

.append-question .question-title-container p {
    font-size: 1.0em;
}

/*add border to qn container for list questions like radio and multi choice*/
li.append-question .question-container {
    border: 1px solid lightgray;
}

tr.append-question .append-question-cell {
    padding: 0;
}

tr.append-question .question-container {
    margin-bottom: 0;
    text-align: left;
    background-color: #f2f2f2;
}

tr.append-question .answers-list {
    padding-bottom: 0;
}

tr.append-question .answers-list .list-unstyled {
    margin-bottom: 0;
}

.append-question .answer-container {
    font-size: 1.0em;
    padding-top: 0;
}

tr.append-question .ls-answers .control-label  {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .append-question .question-container:not(.boilerplate) .answer-container {
        padding-bottom: 0;
    }

    tr.append-question .question-container {
        /*border: none;*/
    }
}

.question-help-container:empty {
    display: none;
}

.boilerplate {
    padding-bottom: 0;
}

.boilerplate .answer-container {
    display: none;
}

/*ANSWERS & INPUTS*/
.checkbox-item input:focus + label::before,
.radio-item input:focus + ::before,
.checkbox-item label {
    outline: none !important;
}


.checkbox-item input[type="checkbox"]:checked+label::after,
.radio-item input[type="radio"]:checked+label::after {
    background-color: var(--sentis-checked-input-color);
}


.checkbox-item input[type="checkbox"]:checked+label::before {
    border: none #cccccc;
}

.checkbox-item input[type="checkbox"]:checked+label::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    border-radius: 2px;
    font-size: 10px;
}

.checkbox-item label::before,
.list-radio .radio-item label::before {
    top: 2px;
}

.checkbox-item input[type="checkbox"]:checked+label::after {
    top: 2px;
}

.list-radio .radio-item input[type="radio"]:checked+label::after {
    top: 5px;
}

@media screen and (max-width: 1024px) {
    .checkbox-item label::before,
    .list-radio .radio-item label::before {
        top: 13px;
    }
    .checkbox-item input[type="checkbox"]:checked+label::after {
        top: 13px;
    }

    .list-radio .radio-item input[type="radio"]:checked+label::after {
        top: 16px;
    }
}

.ls-answers .ls-heading th,
.ls-answers .ls-heading td {
    border: none;
}

table.ls-answers {
    border-top: none;
}

table.ls-answers thead {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.ls-answers > tbody > tr > td {
    vertical-align: middle !important;
}

.answer-container {
    padding: 2% 4% 1%;
    font-size: 1.1em;
}

.multiple-short-txt .answer-container {
    padding-bottom: 1em;
}

/*hiding control labels that are supposed to be hidden in lime*/
.control-label.col-sm-0 {
    display: none;
}

/*adding padding btwn multi short text answer items*/
.multiple-short-txt .answer-item.text-item:not(:first-of-type) {
    padding-top: 10px;
}

.answer-item {
    margin-bottom: 5px;
}

.control-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*hides IE & Edge default clear icon*/
input[type="text"]::-ms-clear {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .question-container {
        padding-bottom: 0;
    }

    .question-title-container {
        padding: 1em;
    }

    /*Radio and Checkbox mobile styling (including responsive grid)*/
    .radio-list li.radio-item,
    .radio-list li.radio-text-item,
    .checkbox-list li.checkbox-item,
    .checkbox-list li.checkbox-text-item {
        border: 1px solid lightgray;
        border-radius: 2px;
        /*padding-left: 10px;*/
    }

    .radio-list li label,
    .checkbox-list li label
    /*tr.radio-list label*/
    {
        margin-bottom: 0;
        right: -20px;
        padding: 10px 20px 10px 10px;
        /*make sure the px count matches the right offset*/
        width: calc(100% - 20px);
        white-space: normal;
    }

    /*for desktop-11-scale on mobile*/
    tr.radio-list label .desktop-11-scale {
        margin-left: 0;
    }

    label br {
        display: none;
    }

    .radio-list li.radio-text-item label,
    .radio-list li.radio-item.extra-other label,
    .checkbox-list li.checkbox-text-item label,
    .checkbox-list li.checkbox-item.extra-other label {
        /*make sure the px count matches the right offset*/
        width: 100%;
    }

    /*OTHER SPECIFY MULTI CHOICE*/
    .checkbox-text-item label::before,
    .checkbox-text-item .checkbox-item input[type="checkbox"]:checked + label::after,
    .checkbox-item.extra-other label::before,
    .checkbox-item.extra-other input[type="checkbox"]:checked + label::after {
        display: none;
    }

    .checkbox-list li.checkbox-text-item label,
    .checkbox-list li.checkbox-item.extra-other label {
        right: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .radio-list li.radio-text-item input,
    .radio-list li.radio-item.extra-other input,
    .checkbox-list li.checkbox-text-item input,
    .checkbox-list li.checkbox-item.extra-other input {
        display: inline-block;
    }

    .radio-item.extra-other,
    .checkbox-item.extra-other {
        padding: 0;
    }

    .radio-item.extra-other .othertext-label-checkox-container,
    .checkbox-item.extra-other .othertext-label-checkox-container {
        padding-left: 20px;
    }

    .radio-item.extra-other .other-text-item input,
    .checkbox-item.extra-other .other-text-item input {
        /*padding: 0 20px;*/
    }

    .radio-item label::after {
        top: 13px;
    }

    .checkbox-item label::after {
        top: 11px;
    }

    .other-text-item {
        padding: 0 4%;
    }

    .othertext-label-checkox-container {
        margin-bottom: 2px;
    }

    .other-text-item div.sentis-clear-input {
        z-index: 100;
        color: #b8bec4;
        position: absolute;
        margin-left: -40px;
        padding: 4px 16px;
    }

    li.checkbox-text-item {
         position: relative;
     }

    .btn.sentis-clear-input:active, .btn.sentis-clear-input.active {
        box-shadow: none;
    }

    /*Radio grid mobile styling*/
    .radio-array {
        border: none;
    }
}

@supports (-ms-ime-align: auto) {
    /*Edge styling*/
    @media only screen and (max-width: 767px) {
        .other-text-item div.sentis-clear-input {
            z-index: 100;
            color: #b8bec4;
            position: absolute;
            top: 50%;
            right: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .other-text-item div.sentis-clear-input {
            z-index: 100;
            color: #b8bec4;
            position: relative;
        }
    }
}


/*multitext with paired exclusive items*/
li.checkbox-item.paired-exclusive-checkbox-item {
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    li.checkbox-item.paired-exclusive-checkbox-item {
        border: 1px solid lightgray;
        border-radius: 2px;
        margin-top: 5px;
        margin-left: 15px;
        width: calc(100% - 30px);
    }

    li.checkbox-item.paired-exclusive-checkbox-item label {
        margin-bottom: 0;
        right: -20px;
        padding: 10px 20px 10px 10px;
        white-space: normal;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .paired-exclusive-checkbox-item.checkbox-item label::after {
        top: 0;
    }
}


/*responsive mobile styling*/
@media only screen and (max-width: 1024px) {
    .answer-item.selected {
        background-color: var(--sentis-default-md);
        color: white;
    }

    body .answer-item.selected label::after {
        background-color: var(--sentis-checked-input-color);
    }

    .answer-item.selected input[type="checkbox"]:checked + label::after {
        color: var(--sentis-checked-input-color);
        background-color: white;
    }
}

/*COMPLETED*/

.completed-text {
    background-color: white;
    margin-bottom: 15px;
    padding: 15px 10px;
}

/*GENERAL STYLING*/
/*default*/
.bold-default {
    font-weight: 600;
    color: var(--sentis-default-md);
}

/*black*/
.bold-black {
    font-weight: 600;
    color: #444444;
}

/*grey*/
.bold-grey {
    font-weight: 600;  /* todo make variable */
    color: var(--sentis-grey-md);
}

.bold-red {
    font-weight: bold !important;
    color: var(--sentis-red-md);
}

.bold-orange {
    color: var(--sentis-orange-md);
    font-weight: bold !important;
}

.bold-yellow {
    color: var(--sentis-yellow-md);
    font-weight: bold !important;
}

.bold-green {
    color: var(--sentis-green-md);
    font-weight: bold !important;
}

.bold-dark-green {
    color: var(--sentis-dark-green-md);
    font-weight: bold !important;
}

.bold-blue {
    color: var(--sentis-blue-md);
    font-weight: bold !important;
}

.bold-teal {
    color: var(--sentis-teal-md);
    font-weight: bold !important;
}

.bold-purple {
    font-weight: bold !important;
    color: var(--sentis-purple-md);
}

.bold-pink {
    font-weight: bold !important;
    color: var(--sentis-pink-md);
}

.popover.right {
    min-width: 275px;
}

.lowercase {
    text-transform: lowercase;
}

div[id^="group-"] > div {
    box-shadow: 0 8px 15px -7px #888888;
}

/*LIST AND GRID HEADERS*/
.list-header:not(:empty),
.grid-header:not(:empty) {
    font-family: 'Raleway', sans-serif;
    color: var(--sentis-default-md);
    font-size: 110%;
    font-weight: 500;
}

.list-header:not(:empty) {
    padding: 5px 0;
}

table.ls-answers tr.grid-header-row {
    margin-bottom: 0;
}

table.ls-answers > tbody > tr.grid-header-row,
table.ls-answers > tbody > tr.grid-header-row:hover {
    padding: 0;
    background: #EAEAEA!important;
}

table.ls-answers tbody tr.grid-header-row td.grid-header {
    text-align: left;
}

.list-header.grouped-codelist {
    /*padding: 5px 0 0;*/
}

.sub-header {
    font-size: 1.4rem;
    font-weight: normal;
    color: var(--sentis-grey-md);
}

/*responsive mobile styling*/
@media only screen and (max-width: 1024px) {
    .ls-answers tbody tr.grid-header-row td {
        border: none;
    }
    .array-flexible-row:not(.mobile-horizontal-layout):not(.tablet-horizontal-layout) table.ls-answers > tbody > tr.grid-header-row > td.grid-header,
    .array-flexible-row:not(.mobile-horizontal-layout):not(.tablet-horizontal-layout) table.ls-answers > tbody > tr.grid-header-row,
    .array-flexible-row:not(.mobile-horizontal-layout):not(.tablet-horizontal-layout) table.ls-answers > tbody > tr.grid-header-row:hover {
        padding: 0;
        background: none!important;
        min-height: auto;
    }
}

/*GREY ANSWER OPTIONS*/
.grey-answer-option {
    opacity: 0.6;
}

.first-grey-answer-option {
    margin-top: 1.5em;
}

/*OPTIONAL FOLLOW UP USING A CHECKBOX*/
.optional-checkbox-followup > .question-title-container {
    display: none;
}

.optional-checkbox-followup > .answer-container {
    padding: 0 4%;
}

.optional-checkbox-followup > .answer-container .checkbox-list {
    padding-top: 0;
}

/*TO REMOVE PADDING BOTTOM*/
.remove-padding-bottom.question-container,
.remove-padding-bottom.question-container .answer-container {
    padding-bottom: 0;
}

/*INCORRECT TOKEN PAGE*/
.token-page p.text-info {
    font-weight: bold;
}

.token-page ul.alert.alert-danger {
    border: 1px dashed var(--sentis-red-md);
    margin-top: 10px;
    background: var(--sentis-red-xl);
    color: var(--sentis-red-md);
    font-weight: bold;
}

.token-page #form-token .text-danger.asterisk {
    color: var(--sentis-red-md);
}

.token-page #form-token button[type=submit] {
    font-weight: bold;
}

/*text alignment classes for screen sizes larger than xs*/
@media screen and (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

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

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

    .text-sm-justify {
        text-align: justify;
    }
}

/*FILE UPLOAD THEME*/
/*buttons*/
.upload-files .upload-item .upload-button .upload,
.upload-div #button1 {
    background-color: var(--sentis-default-md);
    border-color: var(--sentis-default-md);
    color: #fff;
}

.upload-files .upload-item .upload-button .upload:hover,
.upload-files .upload-item .upload-button .upload:active,
.upload-div #button1:hover,
.upload-div #button1:active {
    background-color: var(--sentis-default-dk);
    border-color: var(--sentis-default-dk);
    color: #fff;
}

/*modal body*/
iframe.uploader-frame {
    /*height: auto!important;*/
}

body.uploader {
    padding: 1em;
}

.upload-div {
    padding-bottom: 1em;
}

body.uploader div.uploadstatus {
    visibility: hidden;
}

body.uploader ul.files-list li.file-element div.file-info div.input-container {
    text-align: center;
    width: 100%;
    display: inline-block;
}

/*modal alerts*/
body.uploader .alert-info {
    color: grey;
    background-color: transparent;
    border: none;
    padding: 0;
    font-style: italic;
}

body.uploader #notice .alert-success {
    margin-bottom: 1em;
}

body.uploader #notice .alert-danger {
    margin-bottom: 1em;
}

/*lime files uploaded*/
.upload-files.question-container table.uploadedfiles {
    border-spacing: 1em 0;
    border-collapse: separate;
}

.upload-files.question-container table.uploadedfiles thead tr th {
    font-weight: bold;
}

.upload-files.question-container table.uploadedfiles tbody tr td {
    text-align: left;
    vertical-align: top;
}
/* END OF FILE UPLOAD THEME*/


/*START OF ARRAYS
NOTE: defaults to horizontal on desktop and vertical on tablet and mobile*/
/*responsive array styles*/
@media screen and (max-width: 1024px) {
    .array-flexible-row .answer-container .ls-answers tr th.answertext {
        padding: 1% 0;
        font-size: 1.1em;
    }

    /*table styling*/
    .dir-ltr .array-flexible-row table.ls-answers,
    .dir-ltr .array-flexible-row table.ls-answers thead,
    .dir-ltr .array-flexible-row table.ls-answers tbody,
    .dir-ltr .array-flexible-row table.ls-answers th,
    .dir-ltr .array-flexible-row table.ls-answers td,
    .array-flexible-row table.ls-answers tr {
        text-align: left;
    }

    .array-flexible-row table.ls-answers,
    .array-flexible-row table.ls-answers tbody,
    .array-flexible-row table.ls-answers th,
    .array-flexible-row table.ls-answers td:not(.ls-irrelevant),
    .array-flexible-row table.ls-answers tr:not(.ls-irrelevant) {
        display: block;
    }

    .array-flexible-row table.ls-answers thead {
        display: none;
    }

    .array-flexible-row table.ls-answers tr:not(.grid-header-row) {
        padding-top: 0.5em;
        margin-bottom: 1.5em;
    }

    .array-flexible-row .ls-answers > tbody > tr > td.radio-item,
    .array-flexible-row .ls-answers > tbody > tr > td.checkbox-item {
        min-height: 44px;
        padding: 5px 10px;
    }

    table.ls-answers > tbody > tr:hover {
        background-color: transparent;
    }

    /*label styling*/
    .dir-ltr .array-flexible-row table.ls-answers .ls-label-xs-visibility > * {
        left: auto;
    }

    .array-flexible-row table.ls-answers .ls-label-xs-visibility {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        overflow: initial;
    }

    .dir-ltr .array-flexible-row table.ls-answers .radio-item .ls-label-xs-visibility,
    .dir-ltr .array-flexible-row table.ls-answers .checkbox-item .ls-label-xs-visibility {
        margin: 0 0 0 20px;
        padding: 8px;
        white-space: normal;
    }

    .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after,
    .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
        top: 11px;
    }

    .array-flexible-row table.ls-answers .ls-label-xs-visibility > * {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        overflow: auto;
    }

    .array-flexible-row tr.radio-list .answertext {
        border: none;
        font-weight: 600;
        color: var(--sentis-blue-md);
    }

    .array-flexible-row .radio-array .answer-item label br {
        display: none;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .dir-ltr .array-flexible-row  table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-ltr .array-flexible-row  table.ls-answers .radio-item label.ls-label-xs-visibility::after {
        margin: 0;
    }
}


/*start of horizontal arrays*/
.array-flexible-row.desktop-horizontal-layout table.ls-answers,
.array-flexible-row.tablet-horizontal-layout table.ls-answers,
.array-flexible-row.mobile-horizontal-layout table.ls-answers {
    display: table;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers thead,
.array-flexible-row.tablet-horizontal-layout table.ls-answers thead,
.array-flexible-row.mobile-horizontal-layout table.ls-answers thead {
    display: table-header-group;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers tbody,
.array-flexible-row.tablet-horizontal-layout table.ls-answers tbody,
.array-flexible-row.mobile-horizontal-layout table.ls-answers tbody {
    display: table-row-group;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers tr:not(.ls-irrelevant),
.array-flexible-row.tablet-horizontal-layout table.ls-answers tr:not(.ls-irrelevant),
.array-flexible-row.mobile-horizontal-layout table.ls-answers tr:not(.ls-irrelevant) {
    display: table-row;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers th,
.array-flexible-row.tablet-horizontal-layout table.ls-answers th,
.array-flexible-row.mobile-horizontal-layout table.ls-answers th,
.array-flexible-row.desktop-horizontal-layout table.ls-answers td:not(.ls-irrelevant),
.array-flexible-row.tablet-horizontal-layout table.ls-answers td:not(.ls-irrelevant),
.array-flexible-row.mobile-horizontal-layout table.ls-answers td:not(.ls-irrelevant) {
    display: table-cell;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers > tbody > tr:hover,
.array-flexible-row.tablet-horizontal-layout table.ls-answers > tbody > tr:hover,
.array-flexible-row.mobile-horizontal-layout table.ls-answers > tbody > tr:hover {
    /*background-color: #f5f5f5;*/
}

/*table styling*/
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers thead th,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers thead th,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers thead th {
    padding: 0;
    text-align: center;
    font-size: 1em;
}

.array-flexible-row.desktop-horizontal-layout .answer-container .ls-answers tbody tr th,
.array-flexible-row.tablet-horizontal-layout .answer-container .ls-answers tbody tr th,
.array-flexible-row.mobile-horizontal-layout .answer-container .ls-answers tbody tr th {
    padding: 8px;
    font-size: 1em;
    text-align: right;

}

.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers tbody tr td:not(.grid-header),
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers tbody tr td:not(.grid-header),
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers tbody tr td:not(.grid-header) {
    text-align: center;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers tr,
.array-flexible-row.tablet-horizontal-layout table.ls-answers tr,
.array-flexible-row.mobile-horizontal-layout table.ls-answers tr {
    text-align: right;
}

.array-flexible-row.desktop-horizontal-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.desktop-horizontal-layout .ls-answers > tbody > tr > td.checkbox-item,
.array-flexible-row.tablet-horizontal-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.tablet-horizontal-layout .ls-answers > tbody > tr > td.checkbox-item,
.array-flexible-row.mobile-horizontal-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.mobile-horizontal-layout .ls-answers > tbody > tr > td.checkbox-item {
    padding: 5px 0;
}

/*label styling*/
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.array-flexible-row.desktop-horizontal-layout table.ls-answers .ls-label-xs-visibility,
.array-flexible-row.tablet-horizontal-layout table.ls-answers .ls-label-xs-visibility,
.array-flexible-row.mobile-horizontal-layout table.ls-answers .ls-label-xs-visibility {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    width: 17px;
    height: 17px;
    line-height: 21px;
    text-indent: 21px;
    padding: 0;
    margin: 0;
}

.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::before,
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: 0;
}


.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.desktop-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-horizontal-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    top: 3px;
}

.array-flexible-row.desktop-horizontal-layout table.ls-answers .ls-label-xs-visibility > *,
.array-flexible-row.tablet-horizontal-layout table.ls-answers .ls-label-xs-visibility > *,
.array-flexible-row.mobile-horizontal-layout table.ls-answers .ls-label-xs-visibility > * {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
}

.array-flexible-row.desktop-horizontal-layout tr.radio-list label,
.array-flexible-row.tablet-horizontal-layout tr.radio-list label,
.array-flexible-row.mobile-horizontal-layout tr.radio-list label {
    right: 0;
}

.array-flexible-row.desktop-horizontal-layout td.radio-item label::after,
.array-flexible-row.tablet-horizontal-layout td.radio-item label::after,
.array-flexible-row.mobile-horizontal-layout td.radio-item label::after {
    top: 3px;
}

/*custom styling*/
.array-flexible-row.desktop-horizontal-layout tr.radio-list .answertext,
.array-flexible-row.tablet-horizontal-layout tr.radio-list .answertext,
.array-flexible-row.mobile-horizontal-layout tr.radio-list .answertext {
    border: 1px solid #ddd;
    font-weight: normal;
    color: #444444;
}
/*end of horizontal arrays*/


/*vertical layout*/
.array-flexible-row.desktop-vertical-layout .answer-container .ls-answers tr th.answertext,
.array-flexible-row.tablet-vertical-layout .answer-container .ls-answers tr th.answertext,
.array-flexible-row.mobile-vertical-layout .answer-container .ls-answers tr th.answertext {
    padding: 1% 0;
    font-size: 1.1em;
}

/*table styling*/
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers thead,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers tbody,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers th,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers td,
.array-flexible-row.desktop-vertical-layout table.ls-answers tr,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers thead,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers tbody,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers th,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers td,
.array-flexible-row.tablet-vertical-layout table.ls-answers tr,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers thead,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers tbody,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers th,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers td,
.array-flexible-row.mobile-vertical-layout table.ls-answers tr {
    text-align: left;
}

.array-flexible-row.desktop-vertical-layout table.ls-answers,
.array-flexible-row.desktop-vertical-layout table.ls-answers tbody,
.array-flexible-row.desktop-vertical-layout table.ls-answers th,
.array-flexible-row.desktop-vertical-layout table.ls-answers td:not(.ls-irrelevant),
.array-flexible-row.desktop-vertical-layout table.ls-answers tr:not(.ls-irrelevant),
.array-flexible-row.tablet-vertical-layout table.ls-answers,
.array-flexible-row.tablet-vertical-layout table.ls-answers tbody,
.array-flexible-row.tablet-vertical-layout table.ls-answers th,
.array-flexible-row.tablet-vertical-layout table.ls-answers td:not(.ls-irrelevant),
.array-flexible-row.tablet-vertical-layout table.ls-answers tr:not(.ls-irrelevant),
.array-flexible-row.mobile-vertical-layout table.ls-answers,
.array-flexible-row.mobile-vertical-layout table.ls-answers tbody,
.array-flexible-row.mobile-vertical-layout table.ls-answers th,
.array-flexible-row.mobile-vertical-layout table.ls-answers td:not(.ls-irrelevant),
.array-flexible-row.mobile-vertical-layout table.ls-answers tr:not(.ls-irrelevant) {
    display: block;
}

.array-flexible-row.desktop-vertical-layout table.ls-answers thead,
.array-flexible-row.tablet-vertical-layout table.ls-answers thead,
.array-flexible-row.mobile-vertical-layout table.ls-answers thead {
    display: none;
}

.array-flexible-row.desktop-vertical-layout table.ls-answers tr:not(.grid-header-row),
.array-flexible-row.tablet-vertical-layout table.ls-answers tr:not(.grid-header-row),
.array-flexible-row.mobile-vertical-layout table.ls-answers tr:not(.grid-header-row) {
    padding-top: 0.5em;
    margin-bottom: 1.5em;
}

.array-flexible-row.desktop-vertical-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.desktop-vertical-layout .ls-answers > tbody > tr > td.checkbox-item,
.array-flexible-row.tablet-vertical-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.tablet-vertical-layout .ls-answers > tbody > tr > td.checkbox-item,
.array-flexible-row.mobile-vertical-layout .ls-answers > tbody > tr > td.radio-item,
.array-flexible-row.mobile-vertical-layout .ls-answers > tbody > tr > td.checkbox-item {
    min-height: 44px;
}

.desktop-vertical-layout table.ls-answers > tbody > tr:hover,
.tablet-vertical-layout table.ls-answers > tbody > tr:hover,
.mobile-vertical-layout table.ls-answers > tbody > tr:hover {
    background-color: transparent;
}

/*label styling*/
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers .ls-label-xs-visibility > *,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers .ls-label-xs-visibility > *,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers .ls-label-xs-visibility > * {
    left: auto;
    white-space: nowrap;
}

.array-flexible-row.desktop-vertical-layout table.ls-answers .ls-label-xs-visibility,
.array-flexible-row.tablet-vertical-layout table.ls-answers .ls-label-xs-visibility,
.array-flexible-row.mobile-vertical-layout table.ls-answers .ls-label-xs-visibility {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    overflow: initial;
}

.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers .checkbox-item .ls-label-xs-visibility {
    margin: 0;
    padding: 8px;
}


.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers .checkbox-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers .radio-item .ls-label-xs-visibility,
.dir-ltr .array-flexible-row.mobile-vertical-layout table.ls-answers .checkbox-item .ls-label-xs-visibility {
    margin: 0 0 0 20px;
    padding: 8px;
}

.array-flexible-row.desktop-vertical-layout table.ls-answers .ls-label-xs-visibility > *,
.array-flexible-row.tablet-vertical-layout table.ls-answers .ls-label-xs-visibility > *,
.array-flexible-row.mobile-vertical-layout table.ls-answers .ls-label-xs-visibility > * {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
}

.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.desktop-vertical-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.tablet-vertical-layout table.ls-answers .checkbox-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-vertical table.ls-answers .radio-item label.ls-label-xs-visibility::after,
.dir-ltr .array-flexible-row.mobile-vertical table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    top: 11px;
}

.array-flexible-row.desktop-vertical-layout tr.radio-list .answertext,
.array-flexible-row.tablet-vertical-layout tr.radio-list .answertext,
.array-flexible-row.mobile-vertical-layout tr.radio-list .answertext {
    border: none;
    font-weight: 600;
    color: var(--sentis-blue-md);
}

.array-flexible-row.desktop-vertical-layout .radio-array .answer-item label br,
.array-flexible-row.tablet-vertical-layout .radio-array .answer-item label br,
.array-flexible-row.mobile-vertical-layout .radio-array .answer-item label br {
    display: none;
}

/*custom styling*/
.radio-array {
    border: none;
}

.radio-array td.grey-answer-option {
    margin-top: 1.5em;
}

/*desktop specific*/
@media only screen and (min-width: 1024px) {
    .array-flexible-row:not(.desktop-vertical-layout) .answer-container table thead th span.desktop-11-scale {
        white-space: nowrap;
        margin: -50px;
    }

    .array-flexible-row.desktop-vertical-layout .radio-array .code-to-move {
        float: left;
        padding-right: 0;
    }
}

/*tablet specific*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .array-flexible-row:not(.tablet-horizontal-layout) .radio-array .code-to-move {
        float: left;
        padding-right: 0;
    }
}

/*mobile and tablet specific*/
@media only screen and (max-width: 768px) {
    .array-flexible-row:not(.mobile-horizontal-layout) .radio-array .code-to-move {
        float: left;
        padding-right: 5px;
    }
}

.array-flexible-row.desktop-horizontal-layout .answer-container table thead th span.desktop-11-scale,
.array-flexible-row.tablet-horizontal-layout .answer-container table thead th span.desktop-11-scale,
.array-flexible-row.mobile-horizontal-layout .answer-container table thead th span.desktop-11-scale {
    white-space: nowrap;
    margin: -50px;
}

.array-flexible-row.desktop-horizontal-layout .answer-container table thead th span.code-to-move,
.array-flexible-row.tablet-horizontal-layout .answer-container table thead th span.code-to-move,
.array-flexible-row.mobile-horizontal-layout .answer-container table thead th span.code-to-move {
    float: initial;
    padding-right: initial;
}
/*END OF ARRAYS*/


/*ARRAY DUEL SCALE*/
.array-flexible-duel-scale thead th.answer-text {
    padding: 0;
    font-size: inherit;
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
    .array-flexible-duel-scale.question-container {
        /*min-width: 1170px;*/
    }

    .array-flexible-duel-scale table.ls-answers {
        display: table;
        table-layout: fixed;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .array-flexible-duel-scale table.ls-answers thead {
        display: table-header-group;
    }

    .dir-ltr .array-flexible-duel-scale table.ls-answers th.answer-text {
        text-align: center;
    }

    .array-flexible-duel-scale table.ls-answers tr.ls-heading {
        display: table-row;
    }

    .array-flexible-duel-scale table.ls-answers th,
    .array-flexible-duel-scale table.ls-answers td {
        display: table-cell;
    }

    .array-flexible-duel-scale table.ls-answers tbody {
        display: table-row-group!important;
        vertical-align: middle;
        border-color: inherit;
    }

    .array-flexible-duel-scale table.ls-answers tbody .control-label {
        text-align: right;
        font-size: inherit;
    }

    .array-flexible-duel-scale table.ls-answers tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    .dir-ltr .array-flexible-duel-scale .ls-answers td.radio-item {
        padding-left: 20px;
        padding-right: 0;
    }

    .dir-ltr .array-flexible-duel-scale table.ls-answers .radio-item .ls-label-xs-visibility {
        left: auto;
        margin-left: -20px;
    }

    .array-flexible-duel-scale table.ls-answers .radio-item .ls-label-xs-visibility {
        display: inline-block;
        position: relative;
        overflow: hidden;
        width: 17px;
        height: 17px;
        line-height: 21px;
        text-indent: 21px;
    }

    .dir-ltr .array-flexible-duel-scale table.ls-answers .radio-item label.ls-label-xs-visibility::before,
    .dir-ltr .array-flexible-duel-scale table.ls-answers .radio-item label.ls-label-xs-visibility::after {
        margin-left: 0;
    }

    .dir-ltr .array-flexible-duel-scale table.ls-answers .radio-item label.ls-label-xs-visibility::after {
        top: 3px;

    }

    .dir-ltr .array-flexible-duel-scale table.ls-answers td, table.ls-answers tbody td {
        text-align: center;
    }
}
/*END OF ARRAY DUEL SCALE*/

/*interviewer notes*/
.intNote {
    display: none;
    color: var(--sentis-red-md);
    font-weight: bold;
}

/*SLIDER STYLING FOR LIMES CURRENT THEME*/
.numeric-multi .slider-list .slider-item .slider-handle {
    background-color: var(--sentis-default-md);
    background-image: none;
    cursor: pointer;
}

.numeric-multi .slider-list .slider-item .slider-handle:hover {
    background-color: var(--sentis-default-dk);
}

.numeric-multi .slider-list .slider-item .slider-handle:active,
.numeric-multi .slider-list .slider-item .slider-handle:focus {
    background-color: var(--sentis-default-dk);
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--sentis-green-md);
}

.numeric-multi .slider-list .slider-item .slider-selection {
    background-color: var(--sentis-default-lt);
    background-image: none;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    background-color: var(--sentis-grey-xl);
    background-image: none;
}

.numeric-multi .slider-list .slider-item .slider .tooltip {
    font-size: 14px;
}