@font-face {
    font-family: Roboto;
    src: url(https://cdn.skimcloud.com/skimTheme/Roboto/Roboto-Regular.ttf);
}
html .checkbox,
html .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}
.errorSlider {
    color: rgba(195, 57, 57, 0.7);
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid rgba(195, 57, 57, 0.7);
    padding: 5px;
}
html body .page .page_header {
    box-sizing: content-box;
}
#skip_col {
    width: auto;
}
/* ERROR REPORTING */
#skimboxSuccess {
    background: #318931;
}
.check {
    display: inline-block;
    transform: rotate(45deg);
    height: 78px;
    width: 35px;
    border-bottom: 16px solid white;
    border-right: 15px solid white;
    margin-bottom: 15px;
}
.errorIcon {
    font-size: 70px;
    font-weight: bolder;
}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%,
    100% {
        top: 19px;
        height: 26px;
    }
}

.clearfix:after {
    display: table;
    content: '';
    clear: both;
    float: none;
}
.skimboxState {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transition: 0.5s all;
}
.skimboxStateInner {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
}
#skimboxLoading {
    background: #ef7b26;
}
#skimboxError {
    background: rgb(195, 57, 57);
}
#skimboxButtons {
    margin: 15px auto 0 auto;
    display: inline-block;
}
.skimbox * {
    box-sizing: border-box;
}
#skimboxButtons .skimboxButtons {
    max-width: 100px;
}
#skimboxButtons .floatButtonContainer {
    float: left;
    width: 50%;
    padding: 10px;
}
#skimBoxErrorReporting {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    display: none;
    padding: 0 30px 30px 30px;
    background: lightgray;
    border-top: 1px solid #c21954;
}
#openSkimbox {
    margin-bottom: 30px;
    border-bottom: 3px solid #c21954;
}
#closeSkimbox:hover {
    background: rgb(135, 11, 11);
    border-bottom: 2px solid #ef7b26;
}
#cancelErrorReport {
    background: rgb(195, 57, 57);
}
#cancelErrorReport:hover {
    background: rgb(135, 11, 11);
}
#submitErrorReport {
    background: #20832b;
}
#submitErrorReport:hover {
    background: #10711b;
}
#closeSkimbox {
    max-width: 70px;
    background: rgb(195, 57, 57);
    border-bottom: 2px solid #ef7b26;
    padding: 5px;
}
#skimboxTitle {
    margin: 15px 0;
    font-size: 24px;
    font-weight: bold;
}
#skimboxTextarea textarea {
    width: 30%;
    padding: 10px;
    border: 1px solid #c21954;
}
@media (max-width: 1024px) {
    #skimboxTextarea textarea {
        width: 60%;
    }
}
@media (max-width: 668px) {
    #skimboxTextarea textarea {
        width: 100%;
    }
}
/* ERROR REPORTING END */
.question.semanticdiff .header2 {
    margin: 0 10px;
}
.question.semanticdiff {
    margin: 10px 0;
}
#skimBoxErrorReporting .skimButton {
    color: white;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #317082;
}
.skimButton {
    max-width: 170px;
    padding: 10px 16px;
    color: white;
    background: #317082;
    margin: 0 auto 0 auto;
    transition: 0.3s all;
    border: 1px solid #317082;
}
.skimButton.active:hover {
    background: #317082;
    cursor: pointer;
}
.skimButton.active,
.skimButton:hover {
    background: #0f5468;
    color: white;
    cursor: pointer;
}

.cta-slider-value {
    display: block;
    text-align: center;
    background-color: #81afb8;
    color: white;
    max-width: 80px;
    padding: 5px;
    margin: 0 auto;
}
.cta-arrow {
    position: relative;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    /*background-image: url(data:image/png;base64,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);*/
}
.ctaSliderDiv.question,
.ctaSliderDiv .question_body {
    padding: 0;
}
.ctaSliderDiv .inner_table td {
    padding: 2px;
}
.cta-arrow::after {
    content: '';
    border-color: #317082 transparent;
    border-style: solid;
    border-width: 0 6px 10px 6px;
    height: 0;
    width: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7px;
}
@media (max-width: 767px) {
    .slider-container-responsive {
        /*	margin-left:30px;
		margin-right:30px;		*/
    }
}
@media (min-width: 768px) {
    .slider-container-responsive {
        margin-left: 33px;
        margin-right: 33px;
    }
}
@media (min-width: 992px) {
    .slider-container-responsive {
        margin-left: 47px;
        margin-right: 47px;
    }
}
@media (min-width: 1200px) {
    .slider-container-responsive {
        margin-left: 58px;
        margin-right: 58px;
    }
}

html {
    margin: 0px;
    padding: 0px;
}

html body .error_quest_highlight .column_header_row td {
    border-bottom: none !important;
}
.grid .inner_table td:not(.error_var_highlight_right),
.grid .inner_table td:not(.error_var_highlight_left),
.grid .inner_table td:not(.error_var_highlight_center) {
    border-bottom: 1px solid #ccc;
    border-color: #ccc;
}

.error_quest_highlight.maxdiff td:not(.input_cell) {
    border-bottom: none !important;
}
html body .error_quest_highlight.grid .inner_table td:not(.error_var_highlight_center):not(.error_var_highlight_right):not(.error_var_highlight_left) {
    border-bottom: none !important;
}
.grid .inner_table td {
    padding: 10px;
    border-width: 1px;
}

body .ui-slider-handle.ui-state-active {
    background: #1474a5 !important;
    border: 1px solid #2694e8;
}
.ui-slider-handle {
    border-radius: 6px !important;
    background: rgb(219, 237, 249) none repeat scroll 0% 0% !important;
    border: 1px solid rgb(174, 208, 234) !important;
}

.cbc_concept:not(.none_concept) .cbc_cell:not(.cbc_response_cell) {
    border-bottom: 1px solid #ccc;
}

.attribute_label_column .cbc_cell {
    border-bottom-width: 1px;
}

.error_var_highlight {
    border: 1px solid rgb(195, 57, 57) !important;
}
html .grid .inner_table td.error_var_highlight_center {
    border-color: rgb(195, 57, 57) !important;
}
.error_quest_highlight.maxdiff .error_var_highlight_top {
    border-top-width: 2px !important;
}
.error_var_highlight_top {
    border-top-style: solid !important;
    border-top-color: rgb(195, 57, 57) !important;
    border-top-width: 1px !important;
}
.skimError textarea,
.skimError {
    border: 1px solid rgb(195, 57, 57);
}
#skimboxTextarea.skimError {
    border: none;
}
.skimError:after,
.skimError::after {
    content: 'This field cannot be empty!';
    display: block;
    text-transform: uppercase;
    padding: 5px;
    font-weight: bold;
    color: rgb(195, 57, 57);
}
.error_var_highlight_center {
    border-color: rgb(195, 57, 57) !important;
    border-top-style: solid !important;
    border-top-color: rgb(195, 57, 57) !important;
    border-top-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(195, 57, 57) !important;
    border-bottom-width: 1px !important;
}
html .error_quest_highlight {
    border: 2px dashed rgba(195, 57, 57, 0.7) !important;
}
html .error_messages {
    color: rgb(195, 57, 57);
    text-align: left;
}
.error_quest_highlight.maxdiff tr:first-child {
    border-bottom: none;
}
.maxdiff tr:not(:first-child) {
    border-top: 1px solid #ccc;
    border-color: #ccc;
    border-width: 2px;
}
.maxdiff table td.clickable .graphical_select {
    padding: 5px 0;
}
.maxdiff table td.clickable.worst_input_cell .graphical_select.radioboxselected {
    border: 1px solid rgb(195, 57, 57);
    background-color: rgb(229, 203, 203);
}

.maxdiff table td.clickable.best_input_cell .graphical_select.radioboxselected {
    border: 1px solid rgb(57, 195, 57);
    background-color: rgb(203, 229, 203);
}
.maxdiff table td.clickable {
    padding: 0;
}
.maxdiff table td {
    padding: 15px 0;
}
.maxdiff table tr {
    border-bottom: 20px solid transparent;
    border-color: transparent;
    border-width: 20px;
}
.maxdiff table * {
    border-color: transparent;
}

body {
    font: 10pt Arial, Roboto, Helvetica, Arial, sans-serif;
    background-color: #e2ebed;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

body .acarating .row_label_cell,
body .grid .row_label_cell,
body .password .row_label_cell {
    text-align: left;
}
.page {
    padding: 0px;
}

.text_nav_button {
    background-color: #317082;
    color: #ffffff;
    border-width: 0;
}

.page_header {
    background-color: #317082;
    color: #ffffff;
    height: 40px;
    font-size: 20pt;
    padding: 10px;
    text-align: left;
    margin: 0px;
}

.question {
    text-align: left;
    font-size: 10pt;
}

.options {
    font-size: 10pt;
}

.header1 {
    font-size: 12pt;
}

.header2 {
    padding-left: 10px;
    font-size: 9pt;
}

.page_footer {
    font-size: 8pt;
}

.alt_color1 {
    /* color: hsla(191, 23%, 32%, 1);
    background-color: #FFF;*/
    color: black;
    background: transparent;

    /*background-color: hsla(193, 28%, 84%, 1);*/
}

.alt_color2 {
    /*color: #317082;
    background-color: #e2ebed;*/
    color: black;
    background: transparent;
}

.progress_bar_inner {
    background-color: #317082;
}

.highlight,
.highlight td,
.highlight label {
    background-color: #e2ebed !important;
    /*background-color: hsla(193, 45%, 95%, 1) !important;*/
    /*color: #e2ebed;*/
}

.mobile_select label {
    color: black;
}

.carousel_prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15167 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %23317082; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Left_task_arrow' data-name='Left task arrow' class='cls-1' d='M-15143-2035v28l-24-13.917z'/%3E%3C/svg%3E");
}

.carousel_next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15123 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %23317082; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Right_task_arrow' data-name='Right task arrow' class='cls-1' d='M-15123-2035l24 13.917-24 14.083z'/%3E%3C/svg%3E");
}

.nav_dot.active {
    border-color: #317082;
}

/*CBC Best*/
.cbc_concept.best .best_button,
.cbc_concept.discrete.best .task_select_button,
.dual_response_none_button.would_button.selected,
.custom_position_none.best .best_button {
    background-color: #5ab13f;
    border-color: #5ab13f;
}

.cbc_concept.best {
    border-color: #5ab13f;
}

.nav_dot.best {
    background-color: #5ab13f;
}

/*CBC Worst*/
.cbc_concept.worst .worst_button,
.dual_response_none_button.would_not_button.selected,
.custom_position_none.worst .worst_button {
    background-color: #b13f3f;
    border-color: #b13f3f;
}

.cbc_concept.worst {
    border-color: #b13f3f;
}

.nav_dot.worst {
    background-color: #b13f3f;
}

/* Skim specific */
form {
    background-image: url(https://cdn.skimcloud.com/skimTheme/bg.png);
    background-repeat: repeat-x;
}
.page_header {
    background-color: #1c6d7d;
    background-image: url(skimlogo-new.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-size: 20%;
    @media (max-width: 768px) {
        background-size: 35%;
    }
    background-position-y: center;
    margin-bottom: 16px !important;
}
.question {
    padding: 5px 15px;
}

/* MaxDiff Best/Worst colours */

.worst_input_cell .radioboxselected,
.best_input_cell .radioboxselected {
    background-color: #60de60;
    width: 100%;
    height: 100%;
    background-size: 24px 24px;
    box-sizing: border-box;
}
.worst_input_cell .radioboxselected {
    background-color: #de7e60;
}