/* General */
    * {padding:0;margin:0;}
    img {border:0;max-width:100%;height:auto;}
    iframe[src*="youtube"] {max-width:100%;aspect-ratio: 16 / 9;height: auto;} /* Force aspect ratio of youtube embed iframes */
    .nowrap {white-space:nowrap}
    .hidden,.ss-hidden {display:none!important}
    .NumberOnly {font-size: 10px;color: #FF0000}
    .results-only {display:none}
    .langPos {direction: ltr;}
    .langOpsPos{direction: rtl;}
    .recaptcha-box { width: 304px;height: 78px;display: block;margin: 0 auto;margin-top: 30px;}

/* Powered By */
    .poweredBy {font-size:12px;background-color: white;max-width: 360px;padding: 10px;border:1px solid #EEE;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin:20px auto;text-align:center}
    .poweredBy a {color:#000;text-decoration:underline}
    .poweredBy strong a {text-decoration:none}
    .poweredBy .report-abuse {padding-top:5px;font-size:11px;}

/* Preview Bar */
    .ss-preview-bar {color: #000;position: fixed;right: 0;top: 0;left: 0;z-index: 1000;background-color: #FFC;padding: 10px;height: 42px;box-shadow: 0 1px 3px #666;-moz-box-shadow: 0 1px 3px #666666;-webkit-box-shadow: 0 2px 3px #303030;}
    .ss-preview-bar .title {left: 10px;width: 200px;font-size: 14px;position: absolute;font-weight: bold;}
    .ss-preview-bar .desc {left: 210px;font-size: 12px;position: absolute;right: 210px;text-align: center;padding-top: 3px;}
    .ss-preview-bar .paging {right:10px;width:200px;position: absolute;text-align: right;}
    @media only screen and (max-width: 50em) { .ss-preview-bar .desc {display:none;}}
    #preview-menu {border-bottom: 3px solid #919170;position: fixed;top: 0;height: 30px;left: 0;right: 0;background-color: #FFC;z-index: 500;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);text-align:center;padding-top:8px;color:#000;font-size:14px;}

/* Language Box */
    .ss-language-boxes {list-style:none;max-width:500px;margin:20px auto;}
    .ss-language-boxes li {display:inline;}
    .ss-language-boxes li a {display:inline-block;background-color:rgba(0, 0, 0, 0.0);padding:10px;margin-right:10px;border-radius:5px;}
    .ss-language-boxes li a:last-child {margin-right:0px}
    .ss-language-boxes li a:hover {background-color:rgba(0, 0, 0, 0.1);}

/* Language Box 2 */
    .ss-language-boxes-2 {list-style:none;max-width2:500px;margin:20px auto;text-align:left}
    .ss-language-boxes-2 li {display:block;}
    .ss-language-boxes-2 li a {display:block;background-color:rgba(0, 0, 0, 0.05);padding:5px 10px;margin-bottom:5px;text-decoration:none;font-size:14px;}
    .ss-language-boxes-2 li a.ss-default-language{background-color:rgb(219, 255, 222)}
    .ss-survey .ss-language-boxes-2 li a {color:#333;}
    .ss-language-boxes-2 li a:last-child {margin-right:0px}
    .ss-language-boxes-2 li a:hover {background-color:rgba(0, 0, 0, 0.1);}

/* Save Box */
    .SaveBox input[type='text'] {min-width:180px; width:180px;}

/* Global Fixes */
	textarea {font-size:12px;font-family:Arial;}
	.ss-question-title ul,.ss-question-title ol {margin-top: 1em;margin-bottom: 1em;margin-left: 2em;}

/* Paddings / Margins */
    .pA0 {padding:0px}
    .pA5 {padding:5px}
    .pA7 {padding:7px}
    .mA0 {margin:0px}
    .mT5 {margin-top:5px}
    .mT10 {margin-top:10px}
    .mT20 {margin-top:20px}
    .mB10 {margin-bottom:10px}
    .mB20 {margin-bottom:20px}
    .mL0 {margin-left:0px;}
    .mL5 {margin-left:5px;}
    .pT10 {padding-top:10px}
    .pT20 {padding-top:20px}
    .pA7 {padding: 7px !important}
    .pT15 {padding-top:15px}
    .pL10 {padding-left:10px}
    .pBC {border-collapse: collapse;}
    ._pR15 {padding-right:15px}
    ._pR25 {padding-right:25px}
	.fH {padding-bottom: 5px;*width:100%}

/* Widths */
	.w1 {width:1px}
    .w25 {width:25px}
    .w150 {width:150px}
    .w1p {width:1%}
    .w33p {width:33%}
    .w66p {width:66%}
    .w14p {width:14%}
    .w86p {width:86%}
    .w99p {width:99%}
    .w100p {width:100%}

/* Sizes / Colours */
    .s16 {font-size:16px!important}
    .s22 {font-size:22px!important}
    .c000 {color:#000}
    .c666 {color:#666}

/* Alignments */
    .am {margin-left:auto;margin-right:auto;}
	.table-ac {margin-left: auto;margin-right: auto;}
    .v-at {vertical-align:top;}
    .v-am {vertical-align:middle;}
    .ac {text-align:center}
    .al {text-align:left}
    .ar {text-align:right}
    .floatLeft {float:left}
    .floatRight {float:right}
    .clear {clear:both}
    .help {cursor:help}
    .cf:before,.cf:after {content: "";display: table;}
    .cf:after {clear: both;}
    .cf { zoom: 1;}
    .noPad {padding:0px!important;}

/* Columns */
	.ss-cols {float:left;}
	.ss-col1 {width:100%;}
	.ss-col2 {width:50%;}
	.ss-col3 {width:33.333333%;}
	.ss-col4 {width:25%;}

/* IE 6 */
    #preview-menu {border-bottom: 3px solid #919170;position: absolute;top: 0px;height: 30px;left: 0px;right:0px;padding-right:50px;background-color: #FFC;z-index: 500;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);text-align:center;padding-top:8px;color:#000;font-size:14px;}
	.ie-max-width {width:1000px\9;}

/* QType: Dates */
	.ui-datepicker-trigger {vertical-align: middle;width:22px;height:22px;padding-bottom:2px;padding-left:3px;}
    .ui-datepicker{font-size:14px;}
    .ui-datepicker-month,.ui-datepicker-year {color:#000}

/* QType: Radio */
    .ss-qtype-radio ul.ss-list { list-style:none; margin:0; padding:0; }
    .ss-qtype-radio ul.ss-list li {list-style:none; list-style-type:none; position:relative; padding:.2em;margin-bottom:5px/*cursor: pointer;*/; }
    .ss-qtype-radio ul.ss-list li:hover {background-color: rgba(0, 0, 0, 0.04);}
    .ss-qtype-radio ul.ss-list li.ss-option-heading:hover {background-color: transparent;}
    .ss-qtype-radio ul.ss-list label {display:block;margin-bottom:0px}
    .ss-qtype-radio ul.ss-list label span {vertical-align: middle;padding-left:10px;}
    .ss-qtype-radio ul.ss-list input.ss-input-radio { vertical-align:middle; }
    .ss-qtype-radio ul.ss-list li:last-child label {margin-bottom:0}
    .ss-qtype-radio ul.ss-list div.ss-other { margin-left:21px; }
    .ss-qtype-radio ul.ss-list li.ss-option-heading {float:none;clear:both;}
    .ss-qtype-radio ul.ss-list div.ss-other { display:block; margin-top:0em; }
    .ss-qtype-radio ul.ss-list-vert li { overflow:hidden; clear:left; }
    .ss-qtype-radio ul.ss-list-hori li { float:left; margin-right:0; padding-right:1.5em; }
    .ss-qtype-radio ul.ss-list-hori li.ss-last-li { padding-right:0; }

/* QType: Checkbox */
    .ss-qtype-checkbox ul.ss-list { list-style:none; margin:0; padding:0; }
    .ss-qtype-checkbox ul.ss-list li {list-style:none; list-style-type:none; position:relative; padding:.2em/* cursor: pointer;*/; }
    .ss-qtype-checkbox ul.ss-list li:hover {background-color: rgba(0, 0, 0, 0.04);}
    .ss-qtype-checkbox ul.ss-list li.ss-option-heading:hover {background-color: transparent;}
    .ss-qtype-checkbox ul.ss-list label {display:block;}
    .ss-qtype-checkbox ul.ss-list label span {vertical-align: middle;padding-left:10px;}
    .ss-qtype-checkbox ul.ss-list input.ss-input-checkbox { vertical-align:middle; }
    .ss-qtype-checkbox ul.ss-list li:last-child label {margin-bottom:0}
    .ss-qtype-checkbox ul.ss-list div.ss-other {  margin-left:21px; }
    .ss-qtype-checkbox ul.ss-list li.ss-option-heading {float:none;clear:both;}
    .ss-qtype-checkbox ul.ss-list div.ss-other { display:block; margin-top:0em; }
    .ss-qtype-checkbox ul.ss-list-vert li { overflow:hidden; clear:left; }
    .ss-qtype-checkbox ul.ss-list-hori li { float:left; margin-right:0; padding-right:1.5em; }
    .ss-qtype-checkbox ul.ss-list-hori li.ss-last-li { padding-right:0; }

/* QType: Presentation */
    .ss-qtype-presentation .ss-question-title {font-weight:normal}


/* QType: Matrix Diffirential */
    .ss-qtype-matrix-diff .ss-row-title.ss-row-left {text-align:right;}
    .ss-qtype-matrix-diff .ss-row-title.ss-row-right {text-align:left;}

/* QType: Constant Sum */
    .ss-row-total {border-top:1px solid #CCC}
    .ss-qtype-multi-text th,.ss-qtype-sum th,.ss-qtype-date th,.ss-qtype-slider th {padding:0.5em 1.3em 0.5em 0em}
    .ss-qtype-multi-text td,.ss-qtype-sum td,.ss-qtype-date td,.ss-qtype-slider td {padding:0.3em 0em 0.3em 0.3em;}
    .ss-qtype-multi-text th label, .ss-qtype-sum th label, .ss-qtype-date label,.ss-qtype-slider label {margin-bottom:0px;}
    .ss-qtype-sum .tH{word-break: break-word;}

/* QType: Slider */
    .ss-qtype-slider th {width:100px}
    .ss-input-slider {position: relative;padding-right: 100px;padding-top: 2px;}
    .ss-slider-value{width:80px;float: right;}
    .ss-slider-single {margin-top:10px;}
    .ss-qtype-slider .ss-slider-one-row th {padding-top: 30px;}
    .ss-qtype-slider .tH, .ss-qtype-slider .th{word-break: break-word;}

/* QType: NPS */
    .ss-qtype-nps input.ss-input-radio {margin:0px;}
    .ss-qtype-nps td {padding:8px 5px}
    .ss-qtype-nps .ss-col-left,.ss-qtype-nps .ss-col-right {white-space: nowrap;}


/* QType: Image Select */
    .ss-qtype-image ul.ss-list { list-style:none; margin:0; padding:0; }
    .ss-qtype-image ul.ss-list li {list-style:none; list-style-type:none; position:relative;float: left;max-width: 100%;overflow-x: auto;overflow-y: hidden;text-align: center;}
    .ss-qtype-image ul.ss-list li:hover {background-color:;} /*CUSTOM*/
    .ss-qtype-image .ss-image-box:hover {border-color: blue;}
    .ss-qtype-image .ss-image-selected .ss-image-box,.ss-qtype-image .ss-image-selected .ss-image-box:hover {border-color: green;}
    .ss-qtype-image .ss-image-box label {margin: 0px;}
    .ss-qtype-image .ss-image-box {background-color: rgba(0, 0, 0, 0);position: relative;margin: 7px;line-height: 0;cursor: pointer;border-radius: .3em;border: 2px solid #ECF0F1;overflow: hidden;}
    .ss-qtype-image .ss-image-box .ss-image-wrapper {display: block;max-width: 100%;overflow-x: auto;overflow-y: hidden;}
    .ss-qtype-image .ss-image-box .ss-image-caption {display: block;text-align: center;padding: .5em;line-height: 1.4;font-size: .9em;border-radius: 0 0 .3em .3em;background: #444;color: #FFF;}
    .ss-qtype-image .ss-input-radio,.ss-qtype-image .ss-input-checkbox {visibility: hidden;position: absolute;left: 0;top: 0;}
    .ss-qtype-image .ss-image-selected .ss-image-icon {display:block}
    .ss-qtype-image .ss-image-icon{display:none;height: 20px;width: 24px;left: 15px;top: 15px;position:absolute;background-image: url(../imgs/tick.png);}

/* QType: Star Rating */
    .ss-qtype-star .ss-question-options .ss-input-radio {position: absolute; cursor: pointer;left: 0px;top: 0;height: 40px;z-index: 1;margin: 0;zoom: 1;filter: alpha(opacity=0);opacity: 0; width: 100%;}
    .ss-qtype-star .ss-question-options .cf {display: flex; gap: 2%; border-radius: 3px; transition: .3s ease; outline: solid transparent;outline-offset: 4px;}
    .ss-qtype-star .ss-question-options .cf::before, .ss-qtype-star .ss-question-options .cf::after {display: none;}
    .ss-qtype-star .ss-question-options .cf.focus-within {outline-color: #1170a8;}
    .ss-qtype-star .ss-question-options .cf label {display: flex;}
    .ss-qtype-star .ss-question-options .cf label span {font-size: 0;}
    .ss-qtype-star .ss-question-options .cf label .rating-icon {width: 47px; height: 42px;}
    .ss-qtype-star .ss-question-options .cf label .rating-icon path {transition: .4s ease; fill:#919191;}
    .ss-qtype-star .ss-question-options .cf input {top: unset !important; left: unset !important;}


/* Accessibility */
    .ss-cell label {margin:0;display:initial}
    .ss-cell label span {position: absolute;top: -9999px;left: -9999px;}

/* Classic */
	.MessageHolder {width:650px;margin:0 auto}
	.QuestionMargin {margin:10px 18px 0 18px}

/* SM THEME */
	.ss-theme-4149 .ss-qtype-radio ul.ss-list label {line-height: 1.7}
	.ss-theme-4149 .ss-qtype-radio ul.ss-list input.ss-input-radio{top:0em;left:0em}

/* Short Maintenance */
    .maintenance-overlay { -ms-opacity: 0.9; background: #444; height: 100%; left: 0; opacity: 0.9; position: fixed; top: 0; vertical-align: middle; width: 100%; z-index: 500001;  }
    .maintenance-content { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; position: fixed; top: 50%; transform: translate(-50%, -50%); }
    .maintenance-text { color: #FFF; font-size: 18px; text-align: center; max-width:600px}
    .maintenance-text h2{ margin-bottom: 20px; }

/* Smilies */
    .ss-survey .emoji-rating {font-size:30px;line-height:35px;padding-left:0px!important}
    .ss-option-title .emoji-rating {margin-right:2px;}
    .ss-col-title .emoji-rating {display:block;margin-bottom:5px;}



/* New renderer CSS from surveys core */

.q-type-matrix .q-title {
    text-align: left;
}

.q-type-matrix .column-labels {
    display: none;
}

.q-type-matrix .section-validation-error {
    border-top: solid 1px #CB253B;
    border-bottom: solid 1px #CB253B;
    margin-bottom: -1px;
    background: #fae9eb;
}

@supports (display: grid) {
    @media screen and (min-width: 576px) {
       /* .q-type-matrix .grid-container.cols-1 {
            grid-template-columns: 1.5fr repeat(1, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-1 {
            grid-template-columns: 1.5fr repeat(1, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-2 {
            grid-template-columns: 1.5fr repeat(2, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-2 {
            grid-template-columns: 1.5fr repeat(2, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-3 {
            grid-template-columns: 1.5fr repeat(3, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-3 {
            grid-template-columns: 1.5fr repeat(3, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-4 {
            grid-template-columns: 1.5fr repeat(4, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-4 {
            grid-template-columns: 1.5fr repeat(4, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-5 {
            grid-template-columns: 1.5fr repeat(5, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-5 {
            grid-template-columns: 1.5fr repeat(5, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-6 {
            grid-template-columns: 1.5fr repeat(6, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-6 {
            grid-template-columns: 1.5fr repeat(6, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-7 {
            grid-template-columns: 1.5fr repeat(7, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-7 {
            grid-template-columns: 1.5fr repeat(7, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-8 {
            grid-template-columns: 1.5fr repeat(8, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-8 {
            grid-template-columns: 1.5fr repeat(8, 1fr) 1.5fr;
        }

        .q-type-matrix .grid-container.cols-9 {
            grid-template-columns: 1.5fr repeat(9, 1fr);
        }

        .q-type-matrix .grid-container.cols-sd-9 {
            grid-template-columns: 1.5fr repeat(9, 1fr) 1.5fr;
        }*/

        .q-type-matrix .grid {
            text-align: center;
            container-name: matrix;
        }

        .q-type-matrix .fieldset {
            border: none;
            margin: 0;
            padding: 0;
        }

        .q-type-matrix .col-label {
            display: inline-block;
        }

        .q-type-matrix .grid .q-options-label .text {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }

        .q-type-matrix .grid .grid-container {
            display: grid;
            column-gap: 0;
            row-gap: 0;
        }

        .q-type-matrix .grid .group-label {
            display: block;
            text-align: left;
            margin: 0;
            padding: 0.25em 0.75em;
            align-self: center;
        }

        .q-type-matrix .grid .input {
            align-self: center;
            padding: 0.25em;
        }
    }
}


    .q-type-matrix-option-multi.q-style-check .q-options-control {
        position: absolute;
        width: 24px;
        height: 24px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        border: 0;
        opacity: 0;
    }

    .q-type-matrix-option-multi.q-style-check .q-options-label {
        padding: 0;
        border-radius: 4px;
        display: inline-block;
        position: relative;
        cursor: default;
        outline: none;
        line-height: 1.6em;
        width: 100%;
        box-sizing: border-box;
    }

        .q-type-matrix-option-multi.q-style-check .q-options-label::before {
            position: relative;
            top: 0.2em;
            vertical-align: middle;
            display: inline-block;
        }

    .q-type-matrix-option-multi.q-style-check h3.subheading {
        text-align: left;
        padding-left: 0.75em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .q-type-matrix-option-multi.q-style-check .q-options-label:hover,
    .q-type-matrix-option-multi.q-style-check input:focus + .q-options-label {
        outline: 2px solid;
    }

.q-type-matrix-text-multi.q-style-default .q-options-control {
    padding: 0.5em;
    border: 2px solid;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: default;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6em;
}

.q-type-matrix-text-multi.q-style-default h3.subheading {
    text-align: left;
    padding-left: 0.75em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.ss-qtype-matrix-dropdowns .q-type-matrix-ddl-multi.q-style-default select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
    appearance: auto;
}

.q-type-matrix-ddl-multi.q-style-default .q-single-control {
    padding: 0.5em;
    border: 2px solid;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: default;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6em;
}

    .q-type-matrix-ddl-multi.q-style-default .q-single-control:hover,
    .q-type-matrix-ddl-multi.q-style-default .q-single-control:focus {
        border: 2px solid;
    }

    .q-type-matrix-ddl-multi.q-style-default .q-single-control:focus {
        outline: 2px solid;
        border: 2px solid transparent;
    }

.q-type-matrix-ddl-multi.q-style-default h3.subheading {
    text-align: left;
    padding-left: 0.75em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.q-type-matrix-ddl-multi.q-style-default.error-control .q-single-control {
    background: #fae9eb;
}

    .q-type-matrix-ddl-multi.q-style-default.error-control .q-single-control:focus, .q-type-matrix-ddl-multi.q-style-default.error-control .q-single-control:focus-visible {
        outline: 2px solid;
        border-color: transparent;
    }

@supports (display: grid) {
    @media screen and (min-width: 1200px) {
        .q-type-text-multi.q-style-default .grid {
            container-name: multi-textbox;
        }

            .q-type-text-multi.q-style-default .grid .grid-container {
                display: grid;
                column-gap: 0;
                row-gap: 2px;
            }

                .q-type-text-multi.q-style-default .grid .grid-container .row2 {
                    grid-template-columns: 200px auto;
                    -ms-grid-columns: 200px auto;
                    padding: 0.25em 0.75em;
                }

                    .q-type-text-multi.q-style-default .grid .grid-container .row2 .q-options-label {
                        text-align: left;
                        margin: 0;
                    }
    }
}

.q-type-matrix-option-single.q-style-radio .q-options-control {
    position: absolute;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    opacity: 0;
}

.q-type-matrix-option-single.q-style-radio .q-options-label {
    padding: 0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: default;
    outline: none;
    line-height: 1.6em;
    width: 100%;
    box-sizing: border-box;
}

    .q-type-matrix-option-single.q-style-radio .q-options-label::before {
        position: relative;
        top: 0.2em;
        vertical-align: middle;
        display: inline-block;
    }

.q-type-matrix-option-single.q-style-radio h3.subheading {
    text-align: left;
    padding-left: 0.75em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.q-type-matrix-option-single.q-style-radio .q-options-label:hover,
.q-type-matrix-option-single.q-style-radio input:focus + .q-options-label {
    outline: 2px solid;
}

.q-comments {
    margin-top: 1rem;
}

    .q-comments.error-control .q-comments-control {
        background: #fae9eb;
    }

        .q-comments.error-control .q-comments-control:focus, .q-comments.error-control .q-comments-control:focus-visible {
            outline: 2px solid;
            border-color: transparent;
        }

.q-comments-label {
    display: block;
    margin-bottom: 1em;
}

.q-comments-control {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    height: 5em;
    padding: 0.5em;
    border: 2px solid;
    border-radius: 4px;
    line-height: 1.6em;
}

    .q-comments-control:focus {
        outline: 2px solid;
        border: 2px solid transparent;
    }

/* validation is currently overridding theme styles so needs to go at the end*/
.validation-summary-valid,
.field-validation-valid {
    display: none;
}

.input-validation-error {
    border-color: #CB253B;
    background: #fae9eb;
}

span.field-validation-error,
div.question-error-title {
    color: #CB253B;
    padding: 8px 12px 8px 0px;
    font-weight: bold;
}

div.question-error-title {
    color: #CB253B;
    border-radius: 4px;
    margin-bottom: 1em;
    display: none;
    gap: 0.5em;
    align-items: center;
    padding-left: 0px;
}

    div.question-error-title::before {
        content: url("data:image/svg+xml,%0A%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 24C8.6875 24 4.75 21.75 2.59375 18C0.4375 14.2969 0.4375 9.75 2.59375 6C4.75 2.29688 8.6875 0 13 0C17.2656 0 21.2031 2.29688 23.3594 6C25.5156 9.75 25.5156 14.2969 23.3594 18C21.2031 21.75 17.2656 24 13 24ZM13 6C12.3438 6 11.875 6.51562 11.875 7.125V12.375C11.875 13.0312 12.3438 13.5 13 13.5C13.6094 13.5 14.125 13.0312 14.125 12.375V7.125C14.125 6.51562 13.6094 6 13 6ZM11.5 16.5C11.5 17.3438 12.1562 18 13 18C13.7969 18 14.5 17.3438 14.5 16.5C14.5 15.7031 13.7969 15 13 15C12.1562 15 11.5 15.7031 11.5 16.5Z' fill='%23D6273D'/%3E%3C/svg%3E");
        line-height: 0;
        display: block;
    }

.question-container.section-validation-error .question-error-title {
    display: flex;
}

.question-container.section-validation-error .validation-container {
    margin-bottom: 1rem;
}

.question-container.section-validation-error::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10px;
    background-color: #CB253B;
}

.error-detail {
    background: #fae9eb;
    border-radius: 4px;
    margin-bottom: 1em;
}

    .error-detail::before {
        display: block;
        line-height: 0;
    }


    /* Theme content from surveys core */
.q-type-matrix-option-multi.q-style-check .q-options-label::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' rx='4px' ry='4px' width='18' height='18' fill='rgb(255, 255, 255)' stroke='rgb(143, 143, 143)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-matrix-option-multi.q-style-check input:focus + .q-options-label::before, .q-type-matrix-option-multi.q-style-check .q-options-label:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' rx='4px' ry='4px' width='18' height='18' fill='rgb(255, 255, 255)' stroke='rgb(17, 112, 168)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-matrix-option-multi.q-style-check input:checked + .q-options-label::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='18' height='18' rx='4px' ry='4px' fill='rgb(17, 112, 168)' stroke='rgb(17, 112, 168)' stroke-width='2'/%3E%3Cpath d='M8.20589 11.2128L14.3485 5.0702L16.396 7.11773L8.20589 15.3078L3.44903 10.551L5.49656 8.50344L8.20589 11.2128Z' fill='rgb(255, 255, 255)'/%3E%3C/svg%3E");
}

.q-type-matrix-text-multi.q-style-default .q-options-control {
    border: solid #8f8f8f;
}

    .q-type-matrix-text-multi.q-style-default .q-options-control:hover,
    .q-type-matrix-text-multi.q-style-default .q-options-control:focus {
        outline: solid #1170a8;
    }

.q-type-matrix-ddl-multi.q-style-default .q-single-control {
    border: solid #8f8f8f;
}

    .q-type-matrix-ddl-multi.q-style-default .q-single-control:hover,
    .q-type-matrix-ddl-multi.q-style-default .q-single-control:focus {
        border: solid #1170a8;
    }

    .q-type-matrix-ddl-multi.q-style-default .q-single-control:focus {
        outline: solid #1170a8;
        border: solid;
    }

.q-type-option-single.q-style-radio .q-type-matrix-option-single.q-style-radio .q-options-label::before, .q-type-matrix-option-single.q-style-radio .q-type-option-single.q-style-radio .q-options-label::before, .q-type-option-single.q-style-radio .q-options-other-group::before, .q-type-option-single.q-style-radio .q-options-label::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='rgb(255, 255, 255)' stroke='rgb(143, 143, 143)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-option-single.q-style-radio input:focus + .q-options-label::before,
.q-type-option-single.q-style-radio input:focus + .q-options-other-group::before, .q-type-option-single.q-style-radio .q-options-label:hover::before,
.q-type-option-single.q-style-radio .q-options-other-group:hover::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='rgb(255, 255, 255)' stroke='rgb(17, 112, 168)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-option-single.q-style-radio input:checked + .q-options-label::before,
.q-type-option-single.q-style-radio input:checked + .q-options-other-group::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7' fill='rgb(255, 255, 255)' stroke='rgb(17, 112, 168)' stroke-width='6'/%3E%3C/svg%3E");
}

.q-type-option-single.q-style-radio input:checked + .q-options-label,
.q-type-option-single.q-style-radio input:checked + .q-options-other-group {
    background: #dbeaf2;
}

.q-type-option-single.q-style-radio .q-options-label:hover,
.q-type-option-single.q-style-radio .q-options-other-group:hover,
.q-type-option-single.q-style-radio input:focus + .q-options-label,
.q-type-option-single.q-style-radio input:focus + .q-options-other-group {
    outline: solid #1170a8;
}

.q-type-option-single.q-style-radio .error-label {
    color: #d30000;
}

.q-type-option-single.q-style-radio .error-control .q-options-label {
    color: #d30000;
}

.q-type-matrix-option-single.q-style-radio .q-options-label::before, .q-type-option-single.q-style-radio .q-options-label::before, .q-type-option-single.q-style-radio .q-options-other-group::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='rgb(255, 255, 255)' stroke='rgb(143, 143, 143)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-matrix-option-single.q-style-radio input:focus + .q-options-label::before, .q-type-matrix-option-single.q-style-radio .q-options-label:hover::before, .q-type-option-single.q-style-radio .q-options-label:hover::before,
.q-type-option-single.q-style-radio .q-options-other-group:hover::before, .q-type-option-single.q-style-radio input:focus + .q-options-label::before,
.q-type-option-single.q-style-radio input:focus + .q-options-other-group::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9' fill='rgb(255, 255, 255)' stroke='rgb(17, 112, 168)' stroke-width='2'/%3E%3C/svg%3E");
}

.q-type-matrix-option-single.q-style-radio input:checked + .q-options-label::before, .q-type-option-single.q-style-radio input:checked + .q-options-label::before,
.q-type-option-single.q-style-radio input:checked + .q-options-other-group::before {
    content: url("data:image/svg+xml,%3Csvg width='1.4em' height='1.4em' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='7' fill='rgb(255, 255, 255)' stroke='rgb(17, 112, 168)' stroke-width='6'/%3E%3C/svg%3E");
}

.q-type-matrix-option-single.q-style-radio .q-options-label:hover,
.q-type-matrix-option-single.q-style-radio input:focus + .q-options-label {
    outline: solid #1170a8;
}