/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
body {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #231F20;
    background-color: #E6E7E8;
}
@media (min-width: 1200px) {
    .col-xl-8 {
        flex: 0 0 auto;
        width: 85%;
    }
}
.isa-logo {
    width: 400px;
}
.isa-img-fluid {
    width: 200px;
}
#surveys-list-jumbotron {
    margin-bottom: 50px;
}
.survey-name {
    font-size: 1.7em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 34px;
    color: #ffffff !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
#survey-nav .navbar-toggler {
    padding-right: 0.75rem;
}
#survey-nav .navbar-toggler .ri-more-fill {
    color: #ffffff;
}
#survey-nav.navbar {
    background-color: #366FB6 !important;
}
#surveyListFooter {
    background-color: inherit;
}
.control-label {
    color: #231F20 !important;
}
.form-change-lang #lang-select {
    background-color: inherit;
    margin-left: 10px;
}
.form-control {
    padding: 5px 7px;
    font-size: 1.14rem;
    font-family: sans-serif;
}
h3, .h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    text-align: left !important;
}
.group-container .group-title {
    font-size: 1.8em;
    font-weight: 500;
}
.question-container .ls-label-question {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}
.ls-answers label, .answer-item label, .control-label {
    color: #231F20;
    font-family: sans-serif;
    font-weight: 400;
    font-size: 1.14rem;
    line-height: 20px;
}
.ls-answers thead .ls-heading th, .ls-heading-repeat th {
    font-weight: 600 !important;
    font-size: 16px;
}
.ls-answers .ls-heading th, .ls-answers th {
    font-family: sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #231F20;
}
.question-container .ls-label-question {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}
#welcome-container {
    max-width: none;
    border-radius: 10px;
    background-color: #ffffff;
}
#survey-nav #main-dropdown .list-group-item a.index-warning {
    background: none;
    border-left: #229BD8 solid 8px;
}
#survey-nav .dropdown-menu > li > a:hover {
    background-color: #E6E7E8;
}
.dropdown-menu > li > a:hover {
    color: #ffffff;
    background-color: #E6E7E8 !important;
}
.navbar-toggle {
  border: solid 1px #366FB6;
}
.navbar-toggle .icon-bar {
  background-color: #366FB6;
}
.radio-item input[type=radio]:checked + label {
    color: #366FB6;
}
.text-info {
    --bs-text-opacity: 1;
    color: rgba(54,111,182,1) !important;
}
a {
    color: #366FB6;
}
a:hover {
    color: #229BD8;
}
.privacy .checkbox-item label::before {
    border: 3px solid #229BD8;
}
.checkbox-item label {
    line-height: 24px !important;
}
.checkbox-item input[type=checkbox]:checked + label {
    color: #229BD8;
}
.checkbox-item input[type=checkbox]:checked + label::before {
    border-color: #229BD8;
}
.checkbox-item input[type=checkbox]:checked + label::after {
    background-color: transparent;
    color: #229BD8;
}
.radio-item input[type=radio]:checked + label {
    color: #229BD8;
}
.radio-item input[type=radio]:checked + label::before {
    border-color: #229BD8;
}
.radio-item input[type=radio]:checked + label::after {
  background-color: #229BD8;
}
.form-change-lang #language-changer-select {
    color: #366FB6;
    background-color: transparent;
}
.btn-lg, .btn-group-lg > .btn {
    font-size: 20px;
}
.btn-primary {
  color: #fff;
  background-color: #366FB6;
  border-color: #366FB6;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2B5991;
  border-color: #2B5991;
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.btn-outline-secondary:hover {
  border-color: #2B5991 !important;
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #2B5991;
  border-color: #2B5991;
  box-shadow: 0 0 0 0.25rem rgba(43, 89, 145, 0.8);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2B5991;
  border-color: #2B5991;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #366FB6;
  border-color: #366FB6;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  color: #ffffff;
  background-color: #2B5991;
  border-color: #2B5991;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.btn-primary.disabled, .btn-primary[disabled] {
  color: #E6E7E8;
  background-color: #D3D5DA;
  box-shadow: none;
  border-color: #D3D5DA;
  opacity: 1;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active {
  color: #E6E7E8;
  background-color: #D3D5DA;
  box-shadow: none;
}
.btn-outline-primary {
  color: #366FB6;
  border-color: #366FB6;
}
.btn-outline-primary:hover {
  color: #000;
  background-color: #229BD8;
  border-color: #229BD8;
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 3px rgba(43, 89, 145, 0.8);
}
.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: #366FB6;
  border-color: #366FB6;
}
.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 3px rgba(43, 89, 145, 0.8);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #366FB6;
  background-color: transparent;
}

.question-container {
    margin: 0 0 3em .5em;
    border: 1px solid #231F20;
    padding: 1.5em;
    border-radius: 10px;
    box-shadow: -5px 10px 8px #888888;
    background-color: #ffffff;
}
img.m-auto {
    width: 500px;
}
li.radio-item {
    padding-top: 11px;
    padding-left: 30px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}
li.radio-item:hover {
    background-color: #d9d9d9;
}
.table-hover > tbody > tr:hover > th {
    background-color: #d9d9d9;
    color: #6E748C;
    transition: background-color 0.3s ease;
}
.table-hover > tbody > tr:hover > td {
    background-color: #d9d9d9;
    transition: background-color 0.3s ease;
}
.ls-even {
    background-color: #ffffff;
}
.table > :not(:first-child) {
    border-top: 2px solid currentColor !important;
}
thead, tbody, tfoot, tr, td, th {
    border-color: #767676 !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.radio-item label::before {
    border: 2px solid #545454;
    background-color: #fff;
}
.mx-auto {
    margin-bottom: 30px;
}
.question-container .asterisk {
    vertical-align: 0.75em;
    font-size: 12px;
    color: #cc0202;
}