/*
*   Styles linked to the QuestionTransformation class.
*/
/* Variables from the library. See RadioSlider documentation page. */
.radioslider {
  margin: 0;
  padding: 0;
  /* Color variables */
  --fill-color: #cfe2fe;
  --fill-color-inverse: #e6664d;
  --handle-color: rgb(0, 17, 255);
  /* Size variables */
  --dot-size: 1em;
  /*--bar-padding: 0.25em;*/
  /*--bar-thickness: calc(var(--bar-padding) * 2 + var(--dot-size));*/
}
/* Custom selectors. */
.tr_rs_outer {
  padding: 10px 0px 10px 0px;
}
.tr_rs_inner {
  padding: 0;
  margin: 0;
}
.td_rs {
  padding: 0 !important;
  /* Next 2 lines: Align the slider vertically inside its table cell */
  text-align: center !important;
  vertical-align: middle !important;
}
/* Overrides from base RadioSlider library */
.radioslider__bar {
  background-color: transparent;
}
.radioslider__item {
  border-right: 1px solid rgb(182, 182, 182);
}
.radioslider__item:last-of-type {
  border-right: none;
}
.radioslider_horizontal .radioslider__label {
  flex-flow: row;
}
/* Bigger surface area for clicks. */
.radioslider__label {
  margin-bottom: 0px !important;
  width: 100%;
  justify-content: center;
}
.radioslider__bar {
  text-align: left;
}
.radioslider__dot {
  position: relative;
  /* background-color: red; */
  border: 1px solid black;
}

/* Fix for ipad versions (overrides changes brought by the Limesurvey .ls-answers class on iPad screens) */
/* iPad media query (overrides parent's themes) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  table.ls-answers thead {
    display: table-header-group;
  }
  table.ls-answers {
    display: table;
  }
  table.ls-answers thead tr {
    display: table-row;
  }
  table.ls-answers thead tr th {
    display: table-cell;
    font-size: 14px;
  }
  table.ls-answers thead tr th {
    text-align: left;
    font-weight: 500 !important;
    vertical-align: top;
    color: #444;
    hyphens: auto;
  }
  table.ls-answers tbody {
    display: table-row-group;
  }
  table.ls-answers tr {
    display: table-row;
  }
  tbody td {
    display: table-cell !important;
  }
}