:root {
    --bs-primary: #B71234 !important;
    --bs-success-rgb: 183, 18, 52 !important;
    --bs-info: #12B795;
}

.navbar {
    background-color: #B71234;
}

.nav-tabs .nav-item.show .nav-link {
    border-top: 2px solid #B71234;
}

a {
    color: #B71234;
    text-decoration: none;
}
a:hover {
    color: #9e1030;
}

.btn-primary {
    color: #fff;
    background-color: #B71234;
    border-color: #B71234;
}

.btn-primary:hover {
    background-color: #9e1030;
    border-color: #9e1030;
}


.btn-primary:disabled, .btn-primary.disabled {
    color: #000;
    background-color: #B71234;
    border-color: #B71234;
}
.btn-outline-primary {
    color: #B71234;
    border-color: #B71234;
}

.btn-outline-primary:hover {
    color: #000;
    background-color: #B71234;
    border-color: #B71234;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(158, 16, 48, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #000;
    background-color: #B71234;
    border-color: #B71234;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(158, 16, 48, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #B71234;
    background-color: transparent;
}
.btn-link {
    font-weight: 400;
    color: #B71234;
    text-decoration: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #B71234;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.link-primary {
    color: #B71234;
}

.border-primary {
    border-color: #B71234 !important;
}

.btn-link {
     color: #B71234;
 }
.btn-link:hover, .btn-link:focus {
    color: #B71234;
}

ol.breadcrumb.title-bar-breadcrumb a {
    color: #B71234;
    font-weight: 400;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #1E1E1E;
    background-color: #fff;
    border-top: 2px solid #B71234;
}

#sidebar .questiongroup-list-group > li {
    background: linear-gradient(90deg, #B71234 0%, #B71234 5px, #EEEFF7 5px, #EEEFF7 100%);
    padding: 0;
}
#sidebar .question-question-list .selected.activated {
    background: linear-gradient(to right, #B71234 0px, #B71234 8px, #fff 8px, #fff 100%);
}

#sidebar .subpanel.level-0 .menu-selected {
    background: linear-gradient(to right, #CC0033 0px, #CC0033 6px, #fff 6px, #fff 100%);
}
#sidebar .subpanel.level-0 .selected {
    font-weight: 500;
    background: linear-gradient(to right, #CC0033 0px, #CC0033 8px, #fff 8px, #fff 100%);
}
#sidebar .subpanel.level-0 .selected .wrapper .title {
    color: #1E1E1E;
}
#sidebar .subpanel.level-0 .selected .wrapper .icon {
    color: #B71234;
    font-weight: 600;
}
#sidebar .subpanel.level-1 .menu-selected {
    background: linear-gradient(to right, #CC0033 0px, #CC0033 6px, #fff 6px, #fff 100%);
}
#sidebar .subpanel.level-1 .selected {
    background: linear-gradient(to right, #CC0033 0px, #CC0033 8px, #fff 8px, #fff 100%);
}
#sidebar .subpanel.level-2 .menu-selected {
    background: linear-gradient(to right, #B72443 0px, #B72443 6px, #fff 6px, #fff 100%);
}
#sidebar .subpanel.level-2 .selected {
    background: linear-gradient(to right, #B72443 0px, #B72443 8px, #fff 8px, #fff 100%);
}

.message-box {
    position: relative;
    margin-top: 20px;
    animation: slidefromtop 1s;
    border: 1px solid #B71234;
}

.grid-view .table thead tr th .sort-link ::before, .grid-view-ls .table thead tr th .sort-link ::before {
    font-weight: 500;
    color: #B71234;
}


.btn-info {
    background-color: #12B795;
    border-color: #12B795;
}

.btn-info:hover {
    background-color: rgb(0, 129, 98);
    border-color: rgb(0, 79, 52);
}
.btn-info:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-info:disabled, .btn-info.disabled {
    background-color: #12B795;
    border-color: #12B795;
}
.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}


.btn-outline-info {
    color: #12B795;
    border-color: #12B795;
}
.btn-outline-info:hover {
    background-color: #12B795;
    border-color: #12B795;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(18, 183, 149, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    background-color: #12B795;
    border-color: #12B795;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(18, 183, 149, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #12B795;
    background-color: transparent;
}

.link-info {
    color: #12B795;
}

.border-info {
    border-color: #12B795 !important;
}

.survey-actionbar .survey-actionbar-switch i[active] {
    color: #12B795;
}
.table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
    background-color: #12B795;
}

.table > thead > tr > td.info, .table > thead > tr > th.info,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info {
    background-color: #12B795;
}

.grid-view .action-list a i::before, .grid-view-ls .action-list a i::before {
    color: #12B795;
}

.btn:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn.dropdown-toggle.show, .btn.dropdown-toggle.show:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.btn-primary:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.btn-secondary:hover, .btn-cancel:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus, .btn-secondary.dropdown-toggle.show, .btn-secondary.dropdown-toggle.show:focus, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active, .btn-cancel:active:focus, .btn-cancel.dropdown-toggle.show, .btn-cancel.dropdown-toggle.show:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
.btn-success:hover {
    border: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.btn-danger:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.btn-warning:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
.btn-info:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.btn-light:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-light:focus, .btn-light:active, .btn-light.active, .btn-light:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
.btn-g-700:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-g-700:focus, .btn-g-700:active, .btn-g-700.active, .btn-g-700:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
.btn-g-800:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-g-800:focus, .btn-g-800:active, .btn-g-800.active, .btn-g-800:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
.btn-dark:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark:active:focus {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}
*[class*=btn-outline-]:hover {
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
    background-color: #fff;
}
*[class*=btn-outline-]:focus, *[class*=btn-outline-]:active, *[class*=btn-outline-].active, *[class*=btn-outline-].dropdown-toggle.show, *[class*=btn-outline-].dropdown-toggle.show:focus, *[class*=btn-outline-].show {
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
    background-color: #fff;
}
.btn-outline-secondary:hover {
    color: #1E1E1E;
    border-color: #1E1E1E;
    box-shadow: 0px 0px 0px 3px rgba(18, 183, 149, 0.4);
}
.btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary:active:focus, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary.show {
    color: #1E1E1E;
    border-color: #1E1E1E;
    box-shadow: 4px 4px 0px rgba(18, 183, 149, 0.4);
}

.nav-tabs .nav-link:hover:not(.active) {
    border-bottom: 2px solid rgba(18, 183, 149, 0.4);
    border-top: 2px solid #EEEFF7;
    box-shadow: inset 0 0 0 1px rgba(18, 183, 149, 0.4);
}

#sidebar .question-question-list .question-question-list-item.selected:hover {
    box-shadow: inset 0 0 0 1px rgba(18, 183, 149, 0.4);
    background: linear-gradient(to right, rgba(18, 183, 149, 0.4) 0px, rgba(18, 183, 149, 0.4) 8px, #fff 8px, #fff 100%);
}
#sidebar .questiongroup-list-group > li > div:hover {
    box-shadow: inset 0 0 0 1px rgba(18, 183, 149, 0.4);
    background: linear-gradient(to right, rgba(18, 183, 149, 0.4) 0px, rgba(18, 183, 149, 0.4) 4px, #fff 4px, #fff 100%) !important;
}

.form-select:focus {
    box-shadow: 4px 4px 0px rgba(77, 240, 197, 0.2) !important;
}

.form-select:focus {
    border-color: #1E1E1E;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(77, 240, 197, 0.25);
}