.btn.btn-primary, .btn.btn-default {
    border-color: #333;
    border-width: 1px;
    border-style: solid;
    background-color: #FFF;
    color: #333;
}

    .btn.btn-primary:hover, .btn.btn-default:hover {
        background-color: #FFF;
        color: #333;
        border-color: #333;
    }

    .btn.btn-primary:focus, .btn.btn-default:focus {
        background-color: #FFF !important;
        color: #333 !important;
        border-color: #333 !important;
    }

    .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-default:active, .btn.btn-default.active {
        background-color: #FFF !important;
        color: #333 !important;
        border-color: #333 !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2) !important;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2) !important;
    }

    .btn.btn-primary:focus, .btn.btn-default:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5) !important;
    }

    .btn.btn-primary:disabled, .btn.btn-default:disabled {
        background-color: white;
        color: #666666;
        border-color: #666666;
        cursor: not-allowed;
    }

.btn.btn.btn-primary.btn-has-icon {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
}

    .btn.btn.btn-primary.btn-has-icon i {
        position: relative;
        top: 2px;
        margin-right: 0.75rem;
    }

    .btn.btn.btn-primary.btn-has-icon.icon-right i {
        margin-right: 0;
        margin-left: 0.75rem;
    }

h1 {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
}

h2 {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
}

h3 {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
}

h4 {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
    font-size: 1rem;
}

.p-bold {
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
}

.btn.btn-primary, .btn.btn-default {
    border-color: #C1510B;
    border-style: solid;
    background-color: #FFF;
    color: #C1510B;
    border-radius: .5rem;
    text-transform: uppercase;
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
    padding: 0.7rem 2.5rem;
}

    .btn.btn-primary:hover, .btn.btn-default:hover {
        background-color: #C1510B;
        color: #FFF;
        border-color: #C1510B;
    }

    .btn.btn-primary:focus, .btn.btn-default:focus {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
    }

    .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-default:active, .btn.btn-default.active {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
        box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
    }

    .btn.btn-primary:focus, .btn.btn-default:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.5) !important;
    }

    .btn.btn-primary:disabled, .btn.btn-default:disabled {
        background-color: white;
        color: #f69f69;
        border-color: #f69f69;
        cursor: not-allowed;
    }

    .btn.btn-primary.active, .btn.btn-default.active {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
    }

.btn.btn-secondary {
    border-color: #E9EAEA;
    border-style: solid;
    background-color: #E9EAEA;
    color: #333;
    border-radius: 0;
    padding: 1rem 2rem;
    font-family: "Nunito", "Open Sans", Arial, sans-serif;
    font-size: 1.2rem;
}

    .btn.btn-secondary:hover {
        background-color: #DDDEDE;
        color: #333;
        border-color: #DDDEDE;
    }

    .btn.btn-secondary:focus {
        background-color: #DDDEDE !important;
        color: #333 !important;
        border-color: #DDDEDE !important;
    }

    .btn.btn-secondary:active, .btn.btn-secondary.active {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
        box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
    }

    .btn.btn-secondary:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 222, 222, 0.5) !important;
        box-shadow: 0 0 0 0.2rem rgba(221, 222, 222, 0.5) !important;
    }

    .btn.btn-secondary:disabled {
        background-color: white;
        color: #666666;
        border-color: white;
        cursor: not-allowed;
    }

    .btn.btn-secondary:disabled, .btn.btn-secondary.disabled {
        background-color: #E9EAEA;
        color: rgba(51, 51, 51, 0.5);
        border-color: #E9EAEA;
        cursor: not-allowed;
    }

    .btn.btn-secondary:focus {
        background-color: #DDDEDE;
        color: #333;
    }

    .btn.btn-secondary.active, .btn.btn-secondary:active {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
        box-shadow: 0 0 0 0.2rem rgba(235, 98, 14, 0.2) !important;
    }

.form-control {
    border-color: #919191;
}

    .form-control:active, .form-control:focus {
        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;
    }

.form-control--wrapper.form-control--wrapper__has-icon.form-control--wrapper__active:before {
    color: #C1510B !important;
}

.form-control--wrapper__has-icon .form-control {
    padding-left: 3rem;
    height: calc(2.5em + .75rem + 2px);
}

.form-control--wrapper__has-icon.lock {
    position: relative;
}

.form-control--wrapper__has-icon.lock:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "e";
    font-family: "pi-icons";
    color: #999;
    left: 1rem;
    font-size: 1.25rem;
}

.survey-progress-bar .segment.complete {
    background-color: #C1510B;
}

section.content__grey {
    background-color: #F6F6F6;
}

table.table tbody tr th, table.table tbody tr td, .table tbody tr th, .table tbody tr td {
    background-color: #E9EAEA;
}

.results-matrix--item {
    border-top: 1px solid #919191;
}

    .results-matrix--item:last-child {
        border-bottom: 1px solid #919191;
    }

.results-matrix--item__value {
    color: #C1510B;
}

.results-matrix--item__edit .edit-question {
    color: #C1510B;
}

    .results-matrix--item__edit .edit-question:hover {
        background-color: #E9EAEA;
    }

    .results-matrix--item__edit .edit-question:active, .results-matrix--item__edit .edit-question:focus {
        background-color: #C1510B;
        color: #FFF;
    }

.results-matrix--item__edit .edit-inline {
    color: #C1510B;
}

    .results-matrix--item__edit .edit-inline:hover {
        background-color: #E9EAEA;
    }

    .results-matrix--item__edit .edit-inline:active, .results-matrix--item__edit .edit-inline:focus {
        background-color: #C1510B;
        color: #FFF;
    }

.results-matrix--item__edit .edit__save {
    color: #C1510B;
}

    .results-matrix--item__edit .edit__save:hover {
        background-color: #E9EAEA;
    }

    .results-matrix--item__edit .edit__save:active, .results-matrix--item__edit .edit__save:focus {
        background-color: #C1510B;
        color: #FFF;
    }

.results-matrix--item__edit .edit__cancel {
    color: #C1510B;
}

    .results-matrix--item__edit .edit__cancel:hover {
        background-color: #E9EAEA;
    }

    .results-matrix--item__edit .edit__cancel:active, .results-matrix--item__edit .edit__cancel:focus {
        background-color: #C1510B;
        color: #FFF;
    }

.question-item-section.question-item-section__optional .btn.btn-secondary.question-item--answer {
    background-color: #FFF;
    color: #009FC2;
    border-color: #009FC2;
}

    .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: #009FC2 !important;
        color: #FFF;
        border-color: #009FC2 !important;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 159, 194, 0.2) !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 159, 194, 0.2) !important;
    }

@media not all and (min-resolution:.001dpcm) {
    a.dropdown-item.selected {
        background-color: #007bff;
        color: #fff;
    }
}

/* Accessibility changes */
.question-item-section:focus-visible {
    outline: 2px solid #FAFBFF;
}

.question-item-section:focus-visible {
    outline: 2px solid #FAFBFF;
}

.question-section--results:focus-visible {
    outline: 2px solid #FAFBFF;
}

.question-section--finish:focus-visible {
    outline: 2px solid #FAFBFF;
}

.question-item {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .notification-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

@media (max-width: 991px) {
    .notification-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 992px) {
    .question-item__header .survey-navigation--skip-section {
        margin-bottom: 12px !important;
        position: unset !important;
        margin-top: 10px;
        margin-right: 100%;
    }
    .question-item__header .survey-navigation--skip-question {
        margin-bottom: 12px !important;
        position: unset !important;
        margin-top: 10px;
        margin-right: 100%;
    }
}

header.header__upper, .header__upper {
    padding: 10px !important;
}

.footer p {
    color: #6d6d6d !important;
}

.footer ul li a {
    color: #6d6d6d !important;
}

/* Dark orange: #c64d0b */
/* Dark blue: #112E43 */
/* New red: #C1510B */

.btn.btn-primary {
    color: #C1510B !important;
    border-color: #C1510B !important;
}

    .btn.btn-primary:hover {
        background-color: #C1510B !important;
        color: #fff !important;
        border-color: #C1510B !important;
    }

    .btn.btn-primary:focus {
        background-color: #C1510B !important;
        color: #FFF !important;
        border-color: #C1510B !important;
    }

.btn.btn-secondary.active, .btn.btn-secondary:active {
    background-color: #C1510B !important;
    color: #FFF !important;
    border-color: #C1510B !important;
}

.results-matrix--item__edit .edit-question {
    color: #C1510B !important;
}

    .results-matrix--item__edit .edit-question:focus {
        background-color: #C1510B !important;
        color: #FFF !important;
    }

.results-matrix--item__value {
    color: #C1510B !important;
}

.btn.btn-secondary:focus {
    background-color: #6f6f6f !important;
    color: #fff !important;
    border-color: #6f6f6f !important;
}

.survey-progress-bar .segment {
    background-color: #dddddd;
}

    .survey-progress-bar .segment.complete {
        background-color: #C1510B !important;
    }

.progress-bar-status {
    padding-left: 15px;
    font-size: 14px;
    margin-top: -10px;
    color: #C1510B
}

@media (min-width: 768px) {
    .progress-bar-status {
        padding-left: 0;
    }
}

.toast-success {
    background-color: #3f7f3f !important;
}

.toast {
    opacity: 1 !important;
}

.swal2-popup .btn {
    margin: 15px 5px 0;
}

/* CMS constraints */
figure.image img {
    max-width: 100% !important;
}
