/******************
    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
*/

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../css/fonts/PTSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../css/fonts/PTSans-Bold.ttf') format('truetype');
}

#welcome-container {
  max-width: unset;
}

.show-policy {
    cursor: pointer;
}

.large-heading, .group-title {
    font-family: 'PT Sans';
    font-size: 42px;
    color: #006699;
    line-height: 56px;
}

.question-container .asterisk {
    vertical-align: 0.5em;
    font-size: 16px;
    color: #007E71;
}

.question-container .ls-label-question {
    font-size: 20px;
    line-height: unset;
}

.question-container .ls-label-question p {
    margin-bottom: 0;
}

.question-container .question-title-container {
    margin-bottom: 0;
}

.ls-answers .ls-heading th, .ls-answers th, .ls-answers label, .answer-item label, .control-label {
    font-size: 0.9975rem;
    font-weight: 400;
    color: #646363;
    
}

.ls-answers label, .answer-item label, .control-label, .checkbox-item label::before {
    color: #646363;
}

.logo-container > img {
    padding: 0;
}

#survey-nav {
    padding-top: 2em;
}

body {
    font-family: "Roboto", system-ui, -apple-system, "Segoe UI", "Arial";
}

:root {
  --bs-primary: #007E71;
  --bs-info: #BA4682;
  --bs-primary-rgb: 0, 126, 113;
  --bs-info-rgb: 186, 70, 130;
}


.btn-primary {
  color: #000;
  background-color: #007E71;
  border-color: #007E71;
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #000;
  background-color: #007E71;
  border-color: #007E71;
}

.btn-outline-primary {
  color: #007E71;
  border-color: #007E71;
}

.btn-outline-primary:hover {
  color: #000;
  background-color: #007E71;
  border-color: #007E71;
}

.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: #007E71;
  border-color: #007E71;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #007E71;
}

.link-primary {
  color: #007E71;
}


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

.fruity_twentythree .input-group-addon {
  color: white;
  background-color: #007E71;
}

.fruity_twentythree .label-primary {
  background-color: #007E71;
}

.fruity_twentythree .label-success {
  background-color: #007E71;
}

.fruity_twentythree .card-primary {
  border: 1px solid #007E71;
}

.fruity_twentythree .card-primary>.card-header {
  color: #ffffff;
  background-color: #007E71;
  border: 1px solid #007E71;
}

.fruity_twentythree .card-primary>.card-header+.panel-collapse .card-body {
  border-top-color: #007E71;
}

.fruity_twentythree .card-primary>.card-footer+.panel-collapse .card-body {
  border-bottom-color: #007E71;
}

.fruity_twentythree .card-success>.card-header {
  color: #007E71;
  background-color: #b9f3d3;
  border: 1px solid #a3f0c7;
}

.fruity_twentythree .nav-pills>li.active>a:focus {
  color: #ffffff;
  background-color: #007E71;
}

.fruity_twentythree .nav-pills>.active>a>.badge {
  color: #007E71;
  background-color: #ffffff;
}

.fruity_twentythree .container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-sm .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-md .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-lg .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-xl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.fruity_twentythree .container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-sm .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-md .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-lg .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-xl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #007E71;
}

.fruity_twentythree .em-function {
  color: #007E71;
}

.fruity_twentythree #carousel-example-generic .carousel-control {
  color: #007E71;
}

.fruity_twentythree #carousel-example-generic .card-title {
  color: #007E71;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators .active {
  background-color: #007E71;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators li {
  border: 1px solid #007E71;
}

.fruity_twentythree pagination>li>a {
  color: #007E71;
  background-color: #ffffff;
  border: 1px solid #dadada;
}

.fruity_twentythree .side-body h3,
.fruity_twentythree .side-body .h3,
.fruity_twentythree .pagetitle,
.fruity_twentythree .list-surveys h3,
.fruity_twentythree .list-surveys .h3 {
  color: #ffffff;
  color: #333333;
  border-bottom: solid 2px #007E71;
}

.navbar-toggle {
  border: solid 1px #007E71;
}

.navbar-toggle .icon-bar {
  background-color: #007E71;
}

.btn-primary {
  background-color: #007E71;
  border-color: #007E71;
  color: #ffffff;
}

.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: #007E71;
  border-color: #007E71;
}

.btn-outline-primary {
  color: #007E71;
  border-color: #007E71;
}

.btn-outline-primary:hover {
  color: #007E71;
  border-color: #007E71;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:active:focus,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary.show {
  color: #007E71;
  border-color: #007E71;
  box-shadow: #007E71;
}

.btn-link {
  color: #007E71;
}

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

.btn-check+.btn-primary:hover {
  color: #ffffff;
  background-color: #007E71;
  border-color: #007E71;
  box-shadow: none;
}

.btn-check+.btn-primary:active,
.btn-check+.btn-primary.active,
.btn-check+.btn-primary:active:focus {
  color: #ffffff;
  background-color: #007E71;
  border-color: #007E71;
}

.btn-check:active+.btn-primary {
  color: #ffffff;
  background-color: #007E71;
  border-color: #007E71;
}

.btn-check:checked+.btn-primary,
.btn-check:checked+.btn-primary:focus,
.btn-check:focus:checked+.btn-primary {
  color: #ffffff;
  background-color: #007E71;
  border-color: #007E71;
}

a {
  color: #007E71;
}

.form-change-lang #language-changer-select {
  color: #007E71;
}

.form-change-lang #lang-select {
  background-color: #ffffff;
}

.form-change-lang #lang-select::after {
  color: #007E71;
}

.privacy .checkbox-item label::before {
  border: 3px solid #007E71;
}



.radio-item input[type=radio] + label::after {
  background-color: #007E71;
}

.radio-item input[type=radio]:checked + label::before {
  border-color: #007E71;
}

.radio-item input[type=radio]:checked + label::after {
  background-color: #007E71;
}

.radio-item input[type=radio]:checked + label {
  color: #007E71;
}

.checkbox-item input[type=checkbox]:checked + label {
  color: #007E71;
}

.checkbox-item input[type=checkbox]:checked + label::before {
  border-color: #007E71;
}

.checkbox-item input[type=checkbox]:checked + label::after {
  background-color: transparent;
  color: #007E71;
}

input[type=checkbox]:checked:after,
.checkbox input[type=checkbox]:checked:after,
.checkbox-inline input[type=checkbox]:checked:after {
  background-color: #007E71;
  border-color: #007E71;
}

.btn-info {
  color: #fff;
  background-color: #BA4682;
  border-color: #BA4682;
}
.btn-info:disabled, .btn-info.disabled {
  color: #fff;
  background-color: #BA4682;
  border-color: #BA4682;
}

.btn-outline-info {
  color: #BA4682;
  border-color: #BA4682;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #BA4682;
  border-color: #BA4682;
}
.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 {
  color: #fff;
  background-color: #BA4682;
  border-color: #BA4682;
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #BA4682;
  background-color: transparent;
}
.link-info {
  color: #BA4682;
}
.border-info {
  border-color: #BA4682 !important;
}
.btn-info {
  background-color: #BA4682;
  border-color: #BA4682;
  color: #ffffff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info.dropdown-toggle.show, .btn-info.dropdown-toggle.show:focus {
  color: #ffffff;
  background-color: #BA4682;
  border-color: #BA4682;
}

.btn-outline-info {
  color: #BA4682;
  border-color: #BA4682;
}
.btn-outline-info:hover {
  color: #BA4682;
  border-color: #BA4682;
}
.btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info:active:focus, .btn-outline-info.dropdown-toggle.show, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info.show {
  color: #BA4682;
  border-color: #BA4682;
  box-shadow: #BA4682;
}
.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: #BA4682;
}
.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: #BA4682;
}
.alert-primary .alert-link {
  color: #BA4682;
}
.alert-secondary .alert-link {
  color: #BA4682;
}
.alert-success .alert-link {
  color: #BA4682;
}
.alert-warning .alert-link {
  color: #BA4682;
}
.alert-danger .alert-link {
  color: #BA4682;
}
.alert-info .alert-link {
  color: #BA4682;
}
.alert-dark .alert-link {
  color: #BA4682;
}
.list-group-item-info {
  color: #ffffff;
  background-color: #BA4682;
}