@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 768px) {
    body.hide-overflow {
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
    body.show-overflow-mob {
        overflow: visible;
    }
}

body.fixed-footer {
    padding-bottom: 56px;
}

body.dark-mode {
    background-color: #121212 !important;
}

    body.dark-mode header {
        background-color: #121212 !important;
    }

    body.dark-mode .footer__fixed {
        background-color: #efefef !important;
    }

    body.dark-mode .header__upper {
        background-color: #666666 !important;
    }

    body.dark-mode .introduction {
        background-color: #121212 !important;
    }

    body.dark-mode .question-section {
        background-color: #121212 !important;
    }

    body.dark-mode .survey-welcome {
        color: #fff !important;
    }

    body.dark-mode .question-item__question {
        color: #fff !important;
    }

    body.dark-mode .content__header h1 {
        color: #fff !important;
    }

    body.dark-mode .results-matrix--item__header {
        color: #fff !important;
    }

    body.dark-mode .results-matrix--item__value {
        color: #fff !important;
    }

        body.dark-mode .results-matrix--item__value div {
            color: #fff !important;
        }

        body.dark-mode .results-matrix--item__value select {
            color: #fff !important;
        }

    body.dark-mode .results-matrix--item__edit {
        color: #fff !important;
    }

.sections {
    width: 100%;
    height: 100%;
    position: relative;
}

.sections--wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.sections .scroll-content {
    height: 100%;
}

header.header, .header {
    background-color: #FFF;
}

header.header__upper, .header__upper {
    padding: 0.8rem 1rem;
    background-color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

@media (min-width: 992px) {
    header.header__upper, .header__upper {
        padding: 2rem 2rem;
    }
}

@media (min-width: 992px) {
    header.header__upper, .header__upper {
        flex-direction: row-reverse;
    }
}

header.header img.header-logo, .header img.header-logo {
    max-width: 150px;
    height: auto;
}

@media (min-width: 992px) {
    header.header img.header-logo, .header img.header-logo {
        max-width: 250px;
        position: absolute;
        left: 12%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
}

.fixed-header header.header, .fixed-header .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all .25s;
}

.fixed-header.scrolled header.header.header__upper, .fixed-header.scrolled .header.header__upper {
    padding: 0.8rem 1rem;
}

@media (min-width: 768px) {
    .fixed-header.scrolled header.header.header__upper, .fixed-header.scrolled .header.header__upper {
        padding: 0.8rem 2rem;
    }
}

.header__upper-inner-right {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

@media all and (min-width: 992px) {
    .header__upper-inner-right {
        right: 1rem;
    }
}

.header__upper-img img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.progress-header {
    position: fixed;
    top: 76px;
    transition: top .25s;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #FFF;
}

@media (min-width: 768px) {
    .progress-header {
        top: 114px;
    }
}

.progress-header .survey-progress-bar {
    margin: 1.5rem 0;
}

.survey-progress-bar {
    margin: 1rem 0;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .survey-progress-bar {
        padding-left: 0;
        padding-right: 0;
    }
}

.survey-progress-bar .segment {
    background-color: #CCC;
    height: 11px;
    border-right: 1px solid #FFF;
    transition: background-color .25s;
    flex: 1 0 auto;
    display: flex;
}

    .survey-progress-bar .segment > .segment {
        border-radius: 0 !important;
    }

    .survey-progress-bar .segment:last-child {
        border-right: 0;
        border-top-right-radius: 11px;
        border-bottom-right-radius: 11px;
    }

    .survey-progress-bar .segment:first-child {
        border-top-left-radius: 11px;
        border-bottom-left-radius: 11px;
    }

    .survey-progress-bar .segment.complete {
        background-color: #666;
    }

table.table tbody tr, .table tbody tr {
    border: none;
}

    table.table tbody tr th, .table tbody tr th {
        font-family: "Nunito", "Open Sans", Arial, sans-serif;
        font-weight: inherit;
        padding: .35rem .5rem;
        border: none;
        background-color: #CCC;
        color: #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
    }

        table.table tbody tr th:last-child, .table tbody tr th:last-child {
            border-right: none;
        }

    table.table tbody tr td, .table tbody tr td {
        font-family: "Nunito", "Open Sans", Arial, sans-serif;
        font-weight: inherit;
        padding: .35rem .5rem;
        border: none;
        background-color: #CCC;
        color: #333;
        border-bottom: 1px solid #FFF;
        border-right: 1px solid #FFF;
    }

        table.table tbody tr td:last-child, .table tbody tr td:last-child {
            border-right: none;
        }

    table.table tbody tr:last-child td, .table tbody tr:last-child td {
        border-bottom: none;
    }

section.content {
    background-color: #FFF;
}

section.content__grey {
    background-color: #F6F6F6;
}

section.content.question-section .content__wrapper {
    min-height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 5rem;
}

section.content.question-section.show-overflow .content__wrapper .content__header h2 {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    section.content.question-section.show-overflow .content__wrapper .content__header h2 {
        margin-top: 2rem;
    }
}

section.content .content__wrapper {
    padding: 1rem 0 1rem 0;
}

@media (min-width: 768px) {
    section.content .content__wrapper {
        padding: 0;
    }
}

section.content__fullpage {
    height: 100vh;
}

section.content__spreadbetween {
    height: 100%;
    padding-bottom: 0;
}

    section.content__spreadbetween > .container {
        height: 100%;
    }

    section.content__spreadbetween .content__wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 56px;
    }

section.content__intro {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 56px;
}

    section.content__intro:before, section.content__intro:after {
        content: '';
        display: block;
    }

section.content__login {
    height: 100%;
}

    section.content__login > .container {
        height: 100%;
    }

    section.content__login .content__wrapper {
        display: flex;
        height: 100%;
        align-items: center;
    }

        section.content__login .content__wrapper h2 {
            margin-bottom: 0;
            font-size: 1.5rem !important;
        }

@media (orientation: landscape) {
    section.content__login .content__wrapper h2 {
        font-size: 1.25rem !important;
    }
}

@media (min-width: 768px) {
    section.content__login .content__wrapper h2 {
        font-size: 2rem !important;
    }
}

section.content__login .content__wrapper > div {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

    section.content__login .content__wrapper > div:before, section.content__login .content__wrapper > div:after {
        content: '';
        display: block;
    }

section.content__intro {
    height: 100%;
}

    section.content__intro > .container {
        height: 100%;
    }

    section.content__intro .content__wrapper {
        display: flex;
        height: 100%;
        align-items: center;
    }

        section.content__intro .content__wrapper h2 {
            margin-bottom: 0;
        }

        section.content__intro .content__wrapper > div {
            display: flex;
            height: 100%;
            flex-direction: column;
            padding-top: 2rem;
        }

section.content__spreadout {
    padding-bottom: 0;
}

    section.content__spreadout > .container {
        height: 100%;
    }

    section.content__spreadout .content__wrapper {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: space-evenly;
        padding-bottom: 56px;
    }

section.content .content__header h1, section.content .content__header h2, section.content .content__header h3 {
    margin: 0;
    padding-bottom: 1.5rem;
}

section.content .content__header h2 {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
}

@media (min-width: 768px) {
    .hide-overflow .content__wrapper {
        padding: 0;
    }
}

.question-group {
    display: block;
}

.question-group--navigation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media all and (min-height: 800px) {
    .question-group--navigation {
        padding-top: 2rem;
    }
}

.question-group--navigation > div {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

    .question-group--navigation > div .btn:last-of-type {
        margin-right: 0;
        margin-bottom: 10px;
    }

@media (min-width: 768px) {
    .question-group--navigation > div {
        flex-direction: row;
        align-items: flex-start;
    }

        .question-group--navigation > div .btn:first-of-type {
            margin-bottom: 0;
            margin-right: 10px;
        }
}

.question-section {
    position: absolute;
    transform: translateY(100vh);
    width: 100%;
    height: 0;
    opacity: 0;
    transition: transform 600ms ease 0s, opacity 300ms ease 0s;
    transform-origin: 0 0;
    z-index: -1;
    pointer-events: none !important;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .question-section {
        padding-left: 0;
        padding-right: 0;
    }
}

.question-section > .container {
    position: relative;
    height: 100%;
    width: 100%;
}

.question-section .content__wrapper {
    padding: 0;
    width: 100%;
}

.question-section.active {
    z-index: 1;
    pointer-events: all !important;
    overflow: visible;
    height: 100%;
    opacity: 1;
    transform: translateY(0);
}

.question-section.complete {
    top: 100%;
    opacity: 0;
    transform: translateY(-100vh);
}

.question-section--results {
    position: relative;
}

    .question-section--results.active {
        overflow: visible;
    }

    .question-section--results .content__wrapper {
        padding-bottom: 3rem !important;
    }

.question-section .survey-navigation--finish {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .question-section .survey-navigation--finish {
        position: absolute !important;
        right: 0;
        top: 0;
        margin-bottom: 0;
    }
}

.question-item__header {
    position: relative;
    text-align: center;
    min-height: 62px !important;
}

    .question-item__header .survey-navigation--skip-question, .question-item__header .survey-navigation--skip-section {
        margin-bottom: 2rem;
    }

@media (max-width: 991.98px) {
    .question-item__header .survey-navigation--skip-question, .question-item__header .survey-navigation--skip-section {
        display: block;
        width: 50%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 992px) {
    .question-item__header .survey-navigation--skip-question {
        margin-bottom: 0;
        position: absolute !important;
        left: 0;
        top: -10px;
    }

    .question-item__header .survey-navigation--skip-section {
        position: absolute !important;
        left: 0;
        top: -10px;
        margin-bottom: 0;
    }
}

.question-item__header h3 {
    margin: 0;
    padding-bottom: 1.75rem;
}

@media (min-width: 768px) {
    .question-item__header .question-item__question {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
        margin-bottom: 15px;
    }
}

@media (max-width: 991.98px) {
    .question-item__header .question-item__question {
        font-size: 1.2rem !important;
        margin-bottom: 15px;
    }
}

.question-item__header .question-item__question:focus {
    outline: 0;
    box-shadow: 0 0 3px rgba(102, 102, 102, 0.0);
}

.question-item-section {
    opacity: 0;
    transition: transform 600ms ease 0s, opacity 300ms ease 0s;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    -ms-transform: translate3d(0, 100vh, 0);
    transform: translate3d(0, 100vh, 0);
    overflow: hidden;
    backface-visibility: hidden;
}

    .question-item-section.question-item-section__optional .btn.btn-secondary.question-item--answer {
        background-color: #FFF;
        color: #C60;
        border-color: #C60;
    }

        .question-item-section.question-item-section__optional .btn.btn-secondary.question-item--answer:active, .question-item-section.question-item-section__optional .btn.btn-secondary.question-item--answer.active {
            background-color: #C60;
            color: #FFF;
            border-color: #C60;
            box-shadow: 0 0 0 0.2rem rgba(204, 102, 0, 0.2);
        }

    .question-item-section.active {
        pointer-events: all;
        opacity: 1;
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
        height: 100%;
        overflow: visible;
    }

    .question-item-section.complete {
        pointer-events: none;
        opacity: 0;
        -ms-transform: translate3d(0, -100vh, 0);
        transform: translate3d(0, -100vh, 0);
        overflow: visible;
    }

.question-item__content.question-item-layout__vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide {
        flex-wrap: wrap;
    }

        .question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide.two-column {
            display: block;
            columns: 2;
            column-gap: 10px;
        }

@media (max-width: 991.98px) {
    .question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide.two-column {
        columns: 1;
    }
}

.question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide.two-column a {
    display: inline-block;
    min-width: auto;
}

    .question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide.two-column a:nth-child(2n) {
        margin-right: 0;
    }

    .question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide.two-column a:last-child {
        margin-bottom: 10px;
    }

.question-item__content.question-item-layout__vertical.question-item-layout__vertical--wide a {
    flex: 1 0 100%;
    width: 100%;
}

.question-item__content.question-item-layout__vertical a {
    margin-bottom: 10px;
    min-width: 100%;
    flex: 1;
}

@media (min-width: 768px) {
    .question-item__content.question-item-layout__vertical a {
        min-width: 200px;
    }
}

.question-item__content.question-item-layout__vertical a:last-child {
    margin-bottom: 0;
}

.question-item__content.question-item-layout__horizontal {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .question-item__content.question-item-layout__horizontal {
        flex-direction: row;
        gap: 10px;
    }        
       
}
.question-item__content.question-item-layout__horizontal .radio-option-wrapper .radio-option,
.question-item__content.question-item-layout__vertical .radio-option-wrapper .radio-option {
    overflow:hidden;
    border-radius: 10px;
}

.question-item__content.question-item-layout__horizontal a {
    align-items: center;
    white-space: pre-wrap;
    margin-bottom: 10px;
    flex: 1;
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .question-item__content.question-item-layout__horizontal a {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

.question-item__content.question-item-layout__horizontal a:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .question-item__content.question-item-layout__horizontal a:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }
}

.question-item__content a {
    text-align: center;
    flex: 1 0 auto;
}

.results-matrix {
    margin: 2rem 0;
    min-height: 50vh;
}

.results-matrix--item {
    border-top: 1px solid #CCC;
    display: flex;
    padding: 1rem 0;
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
    flex-direction: column;
}

@media (min-width: 768px) {
    .results-matrix--item {
        flex-direction: row;
    }
}

.results-matrix--item:last-child {
    border-bottom: 1px solid #CCC;
}

.results-matrix--item__header {
    color: #333;
    flex: 1;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .results-matrix--item__header {
        padding-bottom: 0;
        padding-right: 1rem;
    }
}

.results-matrix--item__value {
    color: #666;
    flex: 1;
}

@media (min-width: 768px) {
    .results-matrix--item__value {
        padding-right: 1rem;
    }

        .results-matrix--item__value.textarea > div {
            width: 100%;
            height: 100px;
            padding: 5px 1rem 5px 5px;
            overflow-y: scroll;
            overflow-x: hidden;
            color: #333;
            border: 1px solid #CCC;
        }

            .results-matrix--item__value.textarea > div textarea {
                width: 100%;
                height: 100%;
                padding: 0;
                border: 0;
            }
}

.results-matrix--item__edit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (min-width: 768px) {
    .results-matrix--item__edit {
        border-top: none;
        padding-top: 0;
    }
}

.results-matrix--item__edit .edit-inline {
    position: relative;
    color: #666;
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 20px;
    font-size: 0.9rem;
}

    .results-matrix--item__edit .edit-inline:hover {
        color: #333;
        background-color: #CCC;
    }

    .results-matrix--item__edit .edit-inline:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: "\66";
        font-family: "pi-icons";
    }

    .results-matrix--item__edit .edit-inline:active, .results-matrix--item__edit .edit-inline:focus {
        background-color: #666;
        color: #FFF;
    }

.results-matrix--item__edit .edit-question {
    position: relative;
    color: #666;
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 20px;
    font-size: 0.9rem;
}

    .results-matrix--item__edit .edit-question:hover {
        color: #333;
        background-color: #CCC;
    }

    .results-matrix--item__edit .edit-question:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: "\66";
        font-family: "pi-icons";
    }

    .results-matrix--item__edit .edit-question:active, .results-matrix--item__edit .edit-question:focus {
        background-color: #666;
        color: #FFF;
    }

.results-matrix--item__edit .edit__save {
    position: relative;
    color: #666;
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 20px;
    font-size: 0.9rem;
}

    .results-matrix--item__edit .edit__save:hover {
        color: #333;
        background-color: #CCC;
    }

    .results-matrix--item__edit .edit__save:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: "\68";
        font-family: "pi-icons";
    }

    .results-matrix--item__edit .edit__save:active, .results-matrix--item__edit .edit__save:focus {
        background-color: #666;
        color: #FFF;
    }

.results-matrix--item__edit .edit__cancel {
    position: relative;
    color: #666;
    display: block;
    text-decoration: none;
    padding: 5px 5px 5px 20px;
    font-size: 0.9rem;
    margin-left: 5px;
}

    .results-matrix--item__edit .edit__cancel:hover {
        color: #333;
        background-color: #CCC;
    }

    .results-matrix--item__edit .edit__cancel:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: "\67";
        font-family: "pi-icons";
    }

    .results-matrix--item__edit .edit__cancel:active, .results-matrix--item__edit .edit__cancel:focus {
        background-color: #666;
        color: #FFF;
    }

.question-item-section.complete {
    overflow: auto !important;
}

.height-auto {
    height: auto !important;
}

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

.dropdown-toggle:active, .dropdown-toggle:focus {
    border-color: #C1510B !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
}

.dropdown-toggle {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-width: 2px;
    height: calc(2.5em + .75rem + 2px);
    border-color: #CCC;
    transition: none;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    height: auto !important;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0 auto;
    z-index: 100;
    opacity: 1;
    top: 0;
}

/* LOADER 6 */

#loader-6 {
    top: 49%;
    left: 49%;
    position: fixed;
    z-index: 101;
}

    #loader-6 span {
        display: inline-block;
        width: 5px;
        height: 20px;
        background-color: #3498db;
    }

        #loader-6 span:nth-child(1) {
            animation: grow 1s ease-in-out infinite;
        }

        #loader-6 span:nth-child(2) {
            animation: grow 1s ease-in-out 0.15s infinite;
        }

        #loader-6 span:nth-child(3) {
            animation: grow 1s ease-in-out 0.30s infinite;
        }

        #loader-6 span:nth-child(4) {
            animation: grow 1s ease-in-out 0.45s infinite;
        }

@keyframes grow {
    0%, 100% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}

.bootstrap-select > .dropdown-toggle, :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
    width: 380px;
}

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

.btn-block {
    display: block;
    width: 100%;
}

.allowhtml.textarea {
    padding: 15px !important;
}

    .allowhtml.textarea .text {
        height: 250px !important;
        overflow: auto !important;
        padding: 5px 1rem 5px 5px;
        border: 1px solid #CCC;
    }


.staging-indicator {
    position: fixed;
    left: 50%;
    margin-left: -75px;
    top: 0px;
    z-index: 1000;
    text-align: center;
    width: 150px;
    height: 22px;
    line-height: 24px;
    background-color: #000;
    color: #FFF;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    pointer-events: none;
}

    .staging-indicator.staging {
        background-color: orange;
    }

.survey-intro-action {
    padding-top: 2rem;
    padding-bottom: 5rem;
}

footer.footer, .footer {
    padding: 1rem 0;
    background-color: #FFF;
    box-shadow: 0 -5px 6px rgba(204, 204, 204, 0.3);
}

    footer.footer p, .footer p {
        margin: 0;
        color: #999;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-family: "Nunito", "Open Sans", Arial, sans-serif;
        font-size: 0.65rem;
    }

@media (min-width: 768px) {
    footer.footer p, .footer p {
        font-size: 1rem;
    }
}

footer.footer p img, .footer p img {
    max-width: 110px;
    margin-left: 5px;
}

footer.footer ul, .footer ul {
    margin: 0 0 1rem 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

@media (min-width: 768px) {
    footer.footer ul, .footer ul {
        margin: 0;
    }
}

@media (min-width: 768px) {
    footer.footer ul, .footer ul {
        justify-content: flex-start;
    }
}

footer.footer ul li, .footer ul li {
    line-height: 1.5;
    margin: 0 10px 0 0;
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
    font-size: 0.65rem;
}

@media (min-width: 768px) {
    footer.footer ul li, .footer ul li {
        margin: 0 20px 0 0;
    }
}

@media (min-width: 768px) {
    footer.footer ul li, .footer ul li {
        font-size: 1rem;
    }
}

footer.footer ul li:last-child, .footer ul li:last-child {
    margin-right: 0;
}

footer.footer ul li a, .footer ul li a {
    color: #999;
}

    footer.footer ul li a:focus, footer.footer ul li a:active, .footer ul li a:focus, .footer ul li a:active {
        color: #666;
    }

footer.footer__fixed, .footer__fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.footer.footer__fixed {
    transition: bottom .25s;
}

@media all and (max-width: 767px) {
    .footer.footer__fixed.hide-footer {
        bottom: -50px;
    }

    .footer.footer__fixed .show-footer {
        background-color: #FFF;
        position: absolute;
        z-index: 0;
        right: 5px;
        top: -20px;
        height: 30px;
        width: 50px;
        display: flex;
        box-shadow: 0 -5px 6px rgb(204 204 204 / 30%);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        cursor: pointer;
    }

        .footer.footer__fixed .show-footer:before {
            content: "\61";
            display: flex;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
            font-family: 'pi-icons';
            font-size: 80%;
            padding-top: 3px;
        }

    .footer.footer__fixed.hide-footer .show-footer:before {
        content: "\64";
    }
}

.mt-30 {
    margin-top: 50px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

/* New radio and checkbox options */
.radio-option-wrapper {
    break-inside: avoid;
    padding-bottom: 10px;
    width: 100%;
}

.radio-option {
    border: 1px solid #eb620e;
    color: #112e43;
    font-family: Arial;
    font-size: 20px;
    width: 100%;
    text-align: center;
    position: relative;
    /*margin-bottom: 10px;*/
    min-height: 40px;
    
}

.question-item__content.question-item-layout__horizontal .radio-option {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .question-item__content.question-item-layout__horizontal .radio-option {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

.radio-option input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}    

    .radio-option label {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        min-height: 40px;
        padding: 15px;
        /*border: 1px solid #CCC;*/
        cursor: pointer;
        z-index: 90;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: subpixel-antialiased;
    }

.radio-option input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
}

    .radio-option input[type="radio"]:checked + label,
    .Checked + label {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
    }

.radio-option input[type="checkbox"] {
    opacity: 0.01;
    z-index: 100;
}

    .radio-option input[type="checkbox"]:checked + label,
    .Checked + label {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
    }

.radio-option:hover {
    background: #DDD !important;
}

.radio-option:focus {
    background: #DDD !important;
    border-color: #C1510B;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
}

.radio-option:focus-within {
    background: #DDD !important;
    border-color: #C1510B;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.3) !important;
}

.edit-inline {
    border: none;
    background-color: unset;
}

.edit-question {
    border: none;
    background-color: unset;
}

.edit__save {
    border: none;
    background-color: unset;
}

.edit__cancel {
    border: none;
    background-color: unset;
}


.btn.btn.btn-primary.btn-has-icon:not(.survey-navigation--skip-question) {
    /*display: table;
    align-self: stretch;
    vertical-align: middle;*/
    display: inline-flex;
    align-self: stretch;
    align-items: center;
} 
@media all and (max-width: 991px) {
    .question-group--navigation .btn.btn.btn-primary.btn-has-icon.dLogic-hides-last-q-results, .question-group--navigation .btn.btn.btn-primary.btn-has-icon.absolute-final-q, .question-group--navigation .btn.btn.btn-primary.btn-has-icon.survey-finish {
        margin-left: 5px !important;
    }
} 
input.form-control[type=text], input.form-control[type=password], input.form-control[type=number] {
    border-color: #eb620e;
    border-radius: 10px;
}
.form-control--wrapper__has-icon.lock:before {
    color: #eb620e !important;
}