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

  .table-bordered > thead > tr > th {
    border: 1px solid #323035;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #323035;
  }

/* Final control and button state overrides for LimeSurvey editor/runtime. */
.radio-item input[type="radio"],
.radio input[type="radio"],
.form-check-input[type="radio"],
input[type="radio"] {
  accent-color: #FF9592 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #B5B2BC !important;
  border-radius: 999px !important;
  background: #1A191B !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.radio-item input[type="radio"]:checked,
.radio-item input[type="radio"]:focus,
.radio-item input[type="radio"]:focus-visible,
.radio-item input[type="radio"]:active,
.radio input[type="radio"]:checked,
.radio input[type="radio"]:focus,
.radio input[type="radio"]:focus-visible,
.radio input[type="radio"]:active,
.form-check-input[type="radio"]:checked,
.form-check-input[type="radio"]:focus,
.form-check-input[type="radio"]:focus-visible,
.form-check-input[type="radio"]:active,
input[type="radio"]:checked,
input[type="radio"]:focus,
input[type="radio"]:focus-visible,
input[type="radio"]:active {
  border-color: #FF9592 !important;
  background-color: #1A191B !important;
  background-image: radial-gradient(circle at center, #FF9592 0 40%, transparent 42%) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.radio-item input[type="radio"]:checked + label::before,
.radio-item input[type="radio"]:checked ~ label::before,
.radio-item input[type="radio"]:focus + label::before,
.radio-item input[type="radio"]:focus-visible + label::before,
.radio-item input[type="radio"]:active + label::before,
.radio input[type="radio"]:checked + label::before,
.radio input[type="radio"]:checked ~ label::before,
input[type="radio"]:checked + label::before,
input[type="radio"]:checked ~ label::before,
input[type="radio"]:focus + label::before,
input[type="radio"]:focus-visible + label::before,
input[type="radio"]:active + label::before {
  border-color: #FF9592 !important;
  box-shadow: none !important;
}

.radio-item label:has(input[type="radio"]:checked)::before,
.radio-item label:has(input[type="radio"]:focus)::before,
.radio-item label:has(input[type="radio"]:focus-visible)::before,
.radio-item label:has(input[type="radio"]:active)::before,
.radio label:has(input[type="radio"]:checked)::before,
.radio label:has(input[type="radio"]:focus)::before,
.radio label:has(input[type="radio"]:focus-visible)::before,
.radio label:has(input[type="radio"]:active)::before,
label:has(input[type="radio"]:checked)::before,
label:has(input[type="radio"]:focus)::before,
label:has(input[type="radio"]:focus-visible)::before,
label:has(input[type="radio"]:active)::before {
  border-color: #FF9592 !important;
  box-shadow: none !important;
}

.radio-item input[type="radio"]:checked + label::after,
.radio-item input[type="radio"]:checked ~ label::after,
.radio input[type="radio"]:checked + label::after,
.radio input[type="radio"]:checked ~ label::after,
input[type="radio"]:checked + label::after,
input[type="radio"]:checked ~ label::after {
  background-color: #FF9592 !important;
}

.radio-item label:has(input[type="radio"]:checked)::after,
.radio-item label:has(input[type="radio"]:focus)::after,
.radio-item label:has(input[type="radio"]:focus-visible)::after,
.radio-item label:has(input[type="radio"]:active)::after,
.radio label:has(input[type="radio"]:checked)::after,
.radio label:has(input[type="radio"]:focus)::after,
.radio label:has(input[type="radio"]:focus-visible)::after,
.radio label:has(input[type="radio"]:active)::after,
label:has(input[type="radio"]:checked)::after,
label:has(input[type="radio"]:focus)::after,
label:has(input[type="radio"]:focus-visible)::after,
label:has(input[type="radio"]:active)::after {
  background-color: #FF9592 !important;
  border-color: #FF9592 !important;
  box-shadow: none !important;
}

.radio-item label::before,
.radio label::before,
label.radio::before,
label.radio-inline::before {
  box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
#ls-button-submit:hover,
#ls-button-submit:focus,
#ls-button-submit:active {
  color: #FF9592 !important;
  background: #232225 !important;
  border-color: #FF9592 !important;
  box-shadow: none !important;
}

/* Radio audit fix: Awesome Bootstrap Checkboxes paints the blue ring as an outline on label::before. */
.radio-item,
.radio,
.radio-primary,
.radio-danger,
.radio-success,
.radio-info,
.radio-warning,
.form-check {
  -webkit-tap-highlight-color: transparent !important;
}

.radio-item input[type="radio"],
.radio input[type="radio"],
.radio-primary input[type="radio"],
.radio-danger input[type="radio"],
.radio-success input[type="radio"],
.radio-info input[type="radio"],
.radio-warning input[type="radio"],
.form-check-input[type="radio"],
input[type="radio"] {
  accent-color: #FF9592 !important;
  caret-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item input[type="radio"]:checked,
.radio-item input[type="radio"]:focus,
.radio-item input[type="radio"]:focus-visible,
.radio-item input[type="radio"]:active,
.radio input[type="radio"]:checked,
.radio input[type="radio"]:focus,
.radio input[type="radio"]:focus-visible,
.radio input[type="radio"]:active,
.radio-primary input[type="radio"]:checked,
.radio-primary input[type="radio"]:focus,
.radio-primary input[type="radio"]:focus-visible,
.radio-primary input[type="radio"]:active,
.radio-danger input[type="radio"]:checked,
.radio-danger input[type="radio"]:focus,
.radio-danger input[type="radio"]:focus-visible,
.radio-danger input[type="radio"]:active,
.radio-success input[type="radio"]:checked,
.radio-success input[type="radio"]:focus,
.radio-success input[type="radio"]:focus-visible,
.radio-success input[type="radio"]:active,
.radio-info input[type="radio"]:checked,
.radio-info input[type="radio"]:focus,
.radio-info input[type="radio"]:focus-visible,
.radio-info input[type="radio"]:active,
.radio-warning input[type="radio"]:checked,
.radio-warning input[type="radio"]:focus,
.radio-warning input[type="radio"]:focus-visible,
.radio-warning input[type="radio"]:active,
.form-check-input[type="radio"]:checked,
.form-check-input[type="radio"]:focus,
.form-check-input[type="radio"]:focus-visible,
.form-check-input[type="radio"]:active,
input[type="radio"]:checked,
input[type="radio"]:focus,
input[type="radio"]:focus-visible,
input[type="radio"]:active {
  border-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item input[type="radio"]:checked + label,
.radio-item input[type="radio"]:focus + label,
.radio-item input[type="radio"]:focus-visible + label,
.radio-item input[type="radio"]:active + label,
.radio-item input[type="radio"]:checked ~ label,
.radio-item input[type="radio"]:focus ~ label,
.radio-item input[type="radio"]:focus-visible ~ label,
.radio-item input[type="radio"]:active ~ label,
.radio input[type="radio"]:checked + label,
.radio input[type="radio"]:focus + label,
.radio input[type="radio"]:focus-visible + label,
.radio input[type="radio"]:active + label,
.radio-primary input[type="radio"]:checked + label,
.radio-primary input[type="radio"]:focus + label,
.radio-primary input[type="radio"]:focus-visible + label,
.radio-primary input[type="radio"]:active + label,
input[type="radio"]:checked + label,
input[type="radio"]:focus + label,
input[type="radio"]:focus-visible + label,
input[type="radio"]:active + label {
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item input[type="radio"]:checked + label::before,
.radio-item input[type="radio"]:focus + label::before,
.radio-item input[type="radio"]:focus-visible + label::before,
.radio-item input[type="radio"]:active + label::before,
.radio-item input[type="radio"]:checked ~ label::before,
.radio-item input[type="radio"]:focus ~ label::before,
.radio-item input[type="radio"]:focus-visible ~ label::before,
.radio-item input[type="radio"]:active ~ label::before,
.radio input[type="radio"]:checked + label::before,
.radio input[type="radio"]:focus + label::before,
.radio input[type="radio"]:focus-visible + label::before,
.radio input[type="radio"]:active + label::before,
.radio-primary input[type="radio"]:checked + label::before,
.radio-primary input[type="radio"]:focus + label::before,
.radio-primary input[type="radio"]:focus-visible + label::before,
.radio-primary input[type="radio"]:active + label::before,
.radio-danger input[type="radio"]:checked + label::before,
.radio-success input[type="radio"]:checked + label::before,
.radio-info input[type="radio"]:checked + label::before,
.radio-warning input[type="radio"]:checked + label::before,
input[type="radio"]:checked + label::before,
input[type="radio"]:focus + label::before,
input[type="radio"]:focus-visible + label::before,
input[type="radio"]:active + label::before {
  border-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item input[type="radio"]:checked + label::after,
.radio-item input[type="radio"]:focus + label::after,
.radio-item input[type="radio"]:focus-visible + label::after,
.radio-item input[type="radio"]:active + label::after,
.radio-item input[type="radio"]:checked ~ label::after,
.radio-item input[type="radio"]:focus ~ label::after,
.radio-item input[type="radio"]:focus-visible ~ label::after,
.radio-item input[type="radio"]:active ~ label::after,
.radio input[type="radio"]:checked + label::after,
.radio input[type="radio"]:focus + label::after,
.radio input[type="radio"]:focus-visible + label::after,
.radio input[type="radio"]:active + label::after,
.radio-primary input[type="radio"]:checked + label::after,
.radio-primary input[type="radio"]:focus + label::after,
.radio-primary input[type="radio"]:focus-visible + label::after,
.radio-primary input[type="radio"]:active + label::after,
input[type="radio"]:checked + label::after,
input[type="radio"]:focus + label::after,
input[type="radio"]:focus-visible + label::after,
input[type="radio"]:active + label::after {
  background-color: #FF9592 !important;
  border-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item:focus-within label::before,
.radio:focus-within label::before,
.radio-primary:focus-within label::before,
.radio-danger:focus-within label::before,
.radio-success:focus-within label::before,
.radio-info:focus-within label::before,
.radio-warning:focus-within label::before,
.form-check:focus-within label::before {
  border-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.radio-item:focus-within label::after,
.radio:focus-within label::after,
.radio-primary:focus-within label::after,
.radio-danger:focus-within label::after,
.radio-success:focus-within label::after,
.radio-info:focus-within label::after,
.radio-warning:focus-within label::after,
.form-check:focus-within label::after {
  background-color: #FF9592 !important;
  border-color: #FF9592 !important;
  outline: 0 !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}