:root {
  --evaluation-border: #374659;
  --evaluation-checkbox: #2c384a;
}
.selectable-box {
  border: 1px solid var(--evaluation-border);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  padding: 1rem;
}
.selectable-box:has(input[type=checkbox]) {
  display: flex;
  justify-content: space-between;
}
.selectable-box:has(input[type=checkbox]:checked) {
  --bs-heading-color: #bd5814;
  border-color: var(--bs-heading-color);
}
.selectable-box ul {
  list-style-type: none;
}
.btncalculation .btn {
  display: block;
  width: 100%;
}
#evaluation-form-md input[type="checkbox"],
#evaluation-form input[type="checkbox"] {
  border: 1px solid;
  cursor: pointer;
}
.second-tier h3 {
  --bs-body-color: #374659;
  color: var(--bs-body-color);
}
.view-details-field label {
  font-weight: bold;
}
.view-details-field sup {
  --bs-heading-color: #bd5814;
  color: var(--bs-heading-color);
}
#submit-button {
  display: block;
}
#evaluation-form-md .form-check-input:checked,
#evaluation-form .form-check-input:checked {
  background-color: var(--evaluation-checkbox) !important;
}
.is-invalid {
  border: 2px solid red;
  background-color: #ffe6e6;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.errors {
  color: red;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid red;
  background-color: #ffe6e6;
  border-radius: 5px;
}
#error-message-container-s ul li a {
  color: red;
}
.trigger-box label.form-check-label {
  margin-left: 2rem;
}
.trigger-box {
  background-color: var(--evaluation-checkbox);
  color: white;
  padding: 1rem;
}
.second-tier h4 {
  color: #2c384a;
}
#disclaimerAgree,
#close,
#email-share-results,
.next-dimension {
    background-color: #fff;
    color: #2c384a;
    border-color: #90b6f0;
}
#disclaimerAgree:hover,
#close:hover,
#email-share-results:hover,
.next-dimension:hover {
    background-color: #2c384a;
    color: #fff;
}
.image-description {
  padding: 1rem;
}
#accordion .card {
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
.accordion-item .accordion-header {
  width: 100%;
}
.btn-image-description {
  text-align: left;
  width: 100%;
}
.selectable-box:focus {
    cursor: pointer;
}
.selectable-box:has(.form-check-input:checked),
.selectable-box:has(.form-check-input:focus) {
    background-color: var(--evaluation-checkbox);
    color: #fff;
}
.form-check input[type=radio] {
    /* position: absolute;
    visibility: hidden; */
}
.form-check label {
    cursor: pointer;
    display: block;
    z-index: 9;
    position: relative;
}