/******************
    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
*/
:root {
  --magenta: #dd0064;
  --white: #ffffff;
  --grey: #dedede;
  --light-grey: #f2f2f2;
  --mid-grey: #101010;
  --dark-grey: #aeaeae;
  --light-black: #f6f6f6;
  --black: #000000;
  --dark: #181818;
  --cyan: #0d8bea;
  --spacing-s: 12px;
  --spacing-l: 24px;
  --progress-bar-height: 32px;
  --progress-bar-border-radius: 18px;
  --border-radius: 8px;
  --font-logical: "Logical", Helvetica, sans-serif;
  --font-logical-light: "Logical-Light", Helvetica, sans-serif;
  --font-logical-medium: "Logical-Medium", Helvetica, sans-serif;
}

@font-face {
  font-family: Logical;
  src: url("../files/Logical-Regular.woff2") format("woff2");
}

@font-face {
  font-family: Logical-Light;
  src: url("../files/Logical-Light.woff2") format("woff2");
}

@font-face {
  font-family: Logical-Medium;
  src: url("../files/Logical-Medium.woff2") format("woff2");
}

p {
  font-family: var(--font-logical-light) !important;
  color: var(--dark);
  font-size: 21px;
  margin: 0 0 28px;
}

a {
  color: var(--cyan);
  font-size: 21px;
  font-family: var(--font-logical-medium);
}

a:hover {
  text-decoration: underline;
  color: var(--cyan);
}

strong {
  font-weight: 600;
  font-family: "Logical";
  line-height: 21px;
}

body {
  font-family: var(--font-logical) !important;
}

.text-primary {
  color: var(--cyan);
}

/* disable hyphenation */
#outerframeContainer {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  -o-hyphens: manual;
  hyphens: manual;
}

/* topbar */
.navbar-header {
  float: none !important;
}
#navbar {
  margin-top: -64px !important;
}
.navbar-header,
#navbar {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

/*
* QUESTIONS
*/
.question-title-container {
  padding-top: 0;
  padding-bottom: var(--spacing-s);
}

.question-title-container .question-text {
  font-size: 28px;
}

.question-container {
  border: none;
  background-color: inherit;
}

.question-valid-container,
.question-help-container {
  color: var(--dark);
  font-size: 18px;
}

.question-valid-container .fa::before {
  color: var(--cyan);
  padding-right: var(--spacing-s);
}

.question-help-container .ls-questionhelp {
  padding-left: var(--spacing-s);
}

.question-help-container .ls-questionhelp::before {
  color: var(--cyan);
}

/*
 * Progress Bar
*/

.top-container .progress {
  height: var(--progress-bar-height);
}

.progress {
  border-radius: var(--progress-bar-border-radius);
}

.progress .progress-bar {
  background-color: var(--black);
  font-size: 14px;
  border-radius: 18px;
  line-height: var(--progress-bar-height);
  padding: 0 var(--spacing-l);
  text-align: left;
}

/*
    NUMERIC ITEM
*/

.numeric .text-item.numeric-item .numeric.integeronly {
  border: none;
  border-radius: 0px;
  font-size: 18px;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid var(--dark-grey);
  width: 176px;
  text-align: left;
  padding-left: 4px;
}

/*
 * GENDER AND YES OR NO
*/

.gender .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.yes-no .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.gender
  .btn-group
  > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.yes-no
  .btn-group
  > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: var(--border-radius);
}

.gender .answer-container .gender-button,
.yes-no .answer-container .yesno-button {
  margin: 0 calc(-1 * var(--spacing-l));
  padding: 0;
  border-spacing: var(--spacing-l);
}

.gender .answer-container .gender-button .button-item,
.yes-no .answer-container .yesno-button .button-item {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: var(--spacing-s) 0;
  background-color: var(--light-grey);
  color: var(--dark);
  border: 2px solid var(--grey);
  border-radius: var(--border-radius);
}

.gender .answer-container .gender-button .button-item label,
.yes-no .answer-container .yesno-button .button-item label {
  margin-bottom: 0px;
  cursor: pointer;
}

.gender .answer-container .gender-button .button-item label .fa,
.yes-no .answer-container .yesno-button .button-item label .fa {
  font-size: 24px;
  padding-bottom: 4px;
}

.gender .answer-container .gender-button .button-item.focus,
.yes-no .answer-container .yesno-button .button-item.focus {
  outline: none;
}

.gender .answer-container .gender-button .button-item.active,
.yes-no .answer-container .yesno-button .button-item.active {
  background-color: var(--magenta);
  color: var(--white);
  border-color: transparent;
}

/*
 NAVIGATOR
*/

.navigator #ls-button-previous {
  border: 2px solid var(--cyan);
  color: var(--cyan);
}

.navigator #ls-button-submit {
  border: 2px solid transparent;
  background-color: var(--magenta);
}

.navigator div button {
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
}

#navigator-container.row.navigator.space-col div.col-xs-6.text-right {
  float: right !important;
  width: fit-content !important;
}
#navigator-container.row.navigator.space-col div.col-xs-6.text-left {
  float: left;
  width: fit-content !important;
}

/*
 UPLOAD-BUTTON
*/
.upload-button > .btn-primary,
.upload-button > .btn-primary:active:focus,
.upload-button > .btn-primary:active:hover {
  border: 2px solid transparent;
  border-radius: var(--border-radius);
  background-color: var(--magenta);
  color: var(--white);
  padding: 10px var(--spacing-l);
  font-size: 18px;
  font-family: var(--font-logical);
  cursor: pointer;
}
.upload-button > .btn-primary > .fa-upload {
  padding-right: 4px;
}

/*
 DATE/TIME PICKER
*/
/* .date .date-timepicker-group > .form-control .date-control {
} */
.date .input-group .form-control {
  border: none;
  border-radius: 0px;
  font-size: 20px;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid var(--dark-grey);
  text-align: left;
  padding: 24px var(--spacing-l);
  font-family: var(--font-logical);
  color: var(--black);
}
.date .form-inline .input-group .input-group-addon,
.date .form-inline .input-group .input-group-addon:active:focus,
.date .form-inline .input-group .input-group-addon:active:hover {
  border: 2px solid transparent;
  border-bottom-right-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  background-color: var(--magenta);
  color: var(--white);
  padding: 10px var(--spacing-l);
  font-size: 20px;
  font-family: var(--font-logical);
  cursor: pointer;
}

/*
    ALL KIND OF MATRIX
*/
.array-5-pt .answer-container table,
.array-10-pt .answer-container table,
.array-multi-flexi-text .answer-container table,
.array-multi-flexi .answer-container table,
.array-increase-same-decrease .answer-container table,
.array-yes-uncertain-no .answer-container table,
.array-flexible-dual-scale .answer-container table,
.array-flexible-row .answer-container table {
  border: none;
  border-collapse: inherit;
  border-spacing: 0 var(--spacing-s);
}
.array-5-pt .table-hover > tbody > tr:hover,
.array-10-pt .table-hover > tbody > tr:hover,
.array-multi-flexi-text .table-hover > tbody > tr:hover,
.array-multi-flexi .table-hover > tbody > tr:hover,
.array-increase-same-decrease .table-hover > tbody > tr:hover,
.array-flexible-column .table-hover > tbody > tr:hover,
.array-yes-uncertain-no .table-hover > tbody > tr:hover,
.array-flexible-dual-scale .table-hover > tbody > tr:hover,
.array-flexible-row .table-hover > tbody > tr:hover {
  background-color: inherit;
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  .dir-ltr table.ls-answers .radio-item {
    padding-left: 0px !important;
    height: auto !important;
    margin: 5px 0;
    padding-left: 34px !important;
  }

  .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility {
    font-size: 18px;
    height: 100%;
  }

  .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility::before {
    left: -6px;
    top: -1px;
  }

  .dir-ltr table.ls-answers .radio-item .ls-label-xs-visibility::after {
    left: -3px;
    top: 2px;
  }
}
.array-5-pt .radio-array .answer-item.radio-item,
.array-10-pt .radio-array .answer-item.radio-item,
.array-multi-flexi-text .text-array .answer-item.text-item,
.array-increase-same-decrease .radio-array .answer-item.radio-item,
.array-yes-uncertain-no .radio-array .answer-item.radio-item,
.array-flexible-dual-scale .questions-list .answer-item.radio-item,
.array-flexible-row .radio-array .answer-item.radio-item {
  padding-left: 20px;
  padding-right: 0;
  height: 48px;
  vertical-align: middle;
  background-color: var(--light-grey);
}

.array-5-pt .table .answertext,
.array-10-pt .table .answertext,
.array-multi-flexi-text .table .answertext,
.array-multi-flexi .table .answertext,
.array-increase-same-decrease .table .answertext,
.array-flexible-column .table .answertext,
.array-flexible-dual-scale .table .answertext,
.array-yes-uncertain-no .table .answertext,
.array-flexible-row .table .answertext {
  font-size: 20px;
}
.array-5-pt .table .answertextright,
.array-10-pt .table .answertextright,
.array-multi-flexi-text .table .answertextright,
.array-multi-flexi .table .answertextright,
.array-increase-same-decrease .table .answertextright,
.array-flexible-column .table .answertextright,
.array-flexible-dual-scale .table .answertextright,
.array-yes-uncertain-no .table .answertextright,
.array-flexible-row .table .answertextright {
  font-size: 20px;
}
.array-5-pt .table .answer-text,
.array-10-pt .table .answer-text,
.array-multi-flexi-text .table .answer-text,
.array-multi-flexi .table .answer-text,
.array-increase-same-decrease .table .answer-text,
.array-flexible-column .table .answer-text,
.array-flexible-dual-scale .table .answer-text,
.array-yes-uncertain-no .table .answer-text,
.array-flexible-row .table .answer-text {
  font-family: var(--font-logical-medium);
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
}
.array-5-pt .answer-container .questions-list .col-no-answer,
.array-10-pt .answer-container .questions-list .col-no-answer,
.array-multi-flexi-text .answer-container .questions-list .col-no-answer,
.array-multi-flexi .answer-container .questions-list .col-no-answer,
.array-increase-same-decrease .answer-container .questions-list .col-no-answer,
.array-flexible-column .answer-container .questions-list .col-no-answer,
.array-flexible-dual-scale .answer-container .questions-list .col-no-answer,
.array-yes-uncertain-no .answer-container .questions-list .col-no-answer,
.array-flexible-row .answer-container .questions-list .col-no-answer {
  width: 8.7% !important;
}
.array-5-pt .table .radio-item .ls-label-xs-visibility,
.array-10-pt .table .radio-item .ls-label-xs-visibility,
.array-yes-uncertain-no .table .radio-item .ls-label-xs-visibility,
.array-increase-same-decrease .table .radio-item .ls-label-xs-visibility,
.array-flexible-column .table .radio-item .ls-label-xs-visibility,
.array-flexible-dual-scale .table .radio-item .ls-label-xs-visibility,
.table-array-radio .radio-item .ls-label-xs-visibility {
  height: 24px;
  min-width: 24px;
  margin-bottom: 0px;
}
.array-5-pt .table .radio-item label::after,
.array-10-pt .table .radio-item label::after,
.array-yes-uncertain-no .table .radio-item label::after,
.array-increase-same-decrease .table .radio-item label::after,
.array-flexible-column .table .radio-item label::after,
.array-flexible-dual-scale .table .radio-item label::after,
.table-array-radio .radio-item label::after {
  height: 18px;
  width: 18px;
  background-color: var(--mid-grey);
}
.array-5-pt .table .radio-item label::before,
.array-10-pt .table .radio-item label::before,
.array-yes-uncertain-no .table .radio-item label::before,
.array-increase-same-decrease .table .radio-item label::before,
.array-flexible-column .table .radio-item label::before,
.array-flexible-dual-scale .table .radio-item label::before,
.table-array-radio .radio-item label::before {
  width: 24px;
  height: 24px;
  border-color: var(--mid-grey);
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: none;
}

@media only screen and (min-width: 761px) {
  .ls-answers .ls-heading th {
    vertical-align: top;
  }
}

/*
*  MATRIX COLUMN
*/
.array-flexible-column .array-radio > colgroup > col.answers-list.radio-list {
  background-color: var(--light-grey);
}
.array-flexible-column .answer-container table {
  border: none;
  border-collapse: inherit;
  border-spacing: var(--spacing-s) 0;
}
.array-flexible-column .array-radio .answertext.control-label {
  background-color: white;
}
.array-flexible-column .array-radio .answer-item.radio-item {
  padding-left: 20px;
  padding-right: 0;
  height: 48px;
  vertical-align: middle;
}

/*
* MATRIX WITH TEXT
*/
.array-multi-flexi-text .text-array .answer-item.text-item {
  padding-left: 10px;
  padding-right: 10px;
  height: 48px;
  vertical-align: middle;
  background-color: var(--light-grey);
}

.array-multi-flexi-text .answer-container .form-control {
  box-shadow: none;
  border: 2px solid transparent;
  font-size: 18px;
  border-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: unset;
}

/*
* MATRIX WITH NUMBERS
*/
.array-multi-flexi .dropdown-array .answer-item.dropdown-item {
  padding-left: 10px;
  padding-right: 10px;
  height: 48px;
  vertical-align: middle;
  background-color: var(--light-grey);
}
.array-multi-flexi .answer-container table {
  border: none;
  border-collapse: inherit;
  border-spacing: 0 8px;
}

.array-multi-flexi .answer-container .answer-item.checkbox-item {
  padding-left: 20px;
  padding-right: 0;
  height: 48px;
  vertical-align: middle;
  border-bottom: 2px solid var(--grey);
  background-color: var(--light-grey);
}

.array-multi-flexi .answer-container .table-hover > tbody > tr:hover {
  background-color: inherit;
}

.array-multi-flexi .answer-container .checkbox-item .ls-label-xs-visibility {
  height: 24px;
  min-width: 24px;
}

.array-multi-flexi .answer-container .checkbox-item label::before {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid var(--mid-grey);
}

.array-multi-flexi .answer-container .answertext {
  font-size: 20px;
  color: var(--dark);
  text-align: left;
}

.array-multi-flexi .answer-container .ls-heading {
  font-size: 18px;
  font-family: var(--font-logical-medium);
  font-weight: 600;
  color: var(--dark);
}

.array-multi-flexi .answer-container .checkbox-item label::after {
  width: 24px;
  height: 24px;
  line-height: inherit;
  font-size: 16px;
  border: 1px solid var(--mid-grey);
  background-color: var(--mid-grey);
  color: var(--white);
  left: 0px;
  top: 0px;
}

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  .array-multi-flexi .answer-container .answer-item.checkbox-item {
    padding-left: 34px;
    font-size: 18px;
    height: auto;
    margin: 5px 0;
  }

  .array-multi-flexi
    .answer-container
    .answer-item.checkbox-item
    .ls-label-xs-visibility {
    margin-bottom: 0;
  }

  .array-multi-flexi
    .answer-container
    .answer-item.checkbox-item
    .ls-label-xs-visibility::before,
  .array-multi-flexi
    .answer-container
    .answer-item.checkbox-item
    .ls-label-xs-visibility::after {
    left: -5px;
  }
}

/*
* MULTIPLE NUMERIC
*/
.numeric-multi .answer-container .control-label {
  font-size: 20px;
}

.numeric-multi .answer-container .form-control {
  box-shadow: none;
  border: 2px solid transparent;
  font-size: 18px;
  border-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: unset;
}

/*
* NUMERIC
*/

.numeric .answer-container .control-label {
  font-size: 20px;
}

.numeric .answer-container .form-control {
  box-shadow: none;
  border: 2px solid transparent;
  font-size: 18px;
  border-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: unset;
}

/*
* MULTIPLE SHORT TEXTS
*/

.form-horizontal .control-label {
  text-align: left !important;
}

.multiple-short-txt .answer-container .control-label {
  font-size: 20px;
}

.multiple-short-txt .answer-container .form-control {
  box-shadow: none;
  border: 2px solid transparent;
  font-size: 18px;
  border-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: unset;
}
.multiple-short-txt .btn {
  font-family: var(--font-logical);
  border: 2px solid var(--cyan);
  font-size: 18px;
  color: var(--cyan);
  padding-left: var(--spacing-l);
  padding-right: var(--spacing-l);
}

/*
 * MULTIPLE OPT WITH COMMENTS
*/

.multiple-opt-comments .answer-container .form-horizontal .checkbox-item label {
  padding-left: 36px;
  padding-top: 0px;
  font-size: 28px;
  color: var(--dark);
}

.multiple-opt-comments
  .answer-container
  .form-horizontal
  .checkbox-item
  label::before {
  border-radius: 2px;
  width: 32px;
  border: 2px solid var(--black);
  border-color: var(--black);
  height: 32px;
  top: 4px;
}

.multiple-opt-comments
  .answer-container
  .form-horizontal
  .checkbox-item
  input[type="checkbox"]:checked
  + label::after {
  font-size: 24px;
  background-color: transparent;
  left: 2px;
  top: 1px;
}

.multiple-opt-comments .answer-container .form-horizontal .form-control {
  font-size: 18px;
  box-shadow: none;
  border-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: unset;
}

/*
* HUGE TEXT
*/

.text-huge .answer-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
}

/*
* LONG TEXT
*/

.text-long .answer-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
}

/*
* SHORT TEXT
*/

.text-short .answer-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
}

/*
* DROPDOWN
*/
.array-multi-flexi .dropdown-item .form-control,
.language .answer-container .form-control,
.list-dropdown .answer-container .form-control:not(.bootstrap-select),
.list-dropdown .bootstrap-select > .dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij4KICAgIDxwYXRoIGQ9Ik0xMC41IDE1bDcuNSA3LjUgNy41LTcuNXoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMzZ2MzZoLTM2eiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4=)
    no-repeat 101% 50%;
  border-radius: 0;
  font-size: 18px;
  height: auto !important;
  padding: 16px var(--spacing-l) !important;
  padding-right: 35px !important;
  border-color: transparent;
  box-shadow: none;
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
  color: var(--dark);
}
.list-dropdown .open > .dropdown-toggle.btn-default:focus {
  color: var(--dark);
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
}
.list-dropdown .bootstrap-select > .dropdown-toggle > .filter-option {
  color: var(--dark);
}
.list-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: unset;
}
.list-dropdown .bootstrap-select > .dropdown-toggle > .bs-caret {
  display: none;
}

/*
* MULTIPLE OPTIONS
*/
.multiple-opt .answer-container .checkbox-item label::before {
  border-radius: 2px;
  width: 32px;
  border: 2px solid var(--black);
  border-color: var(--black);
  height: 32px;
  top: 4px;
}

.multiple-opt
  .answer-container
  .checkbox-item
  input[type="checkbox"]:checked
  + label::after {
  font-size: 24px;
  background-color: transparent;
  top: 1px;
  left: 2px;
}

.multiple-opt .answer-container .checkbox-item label {
  padding-left: 36px;
  padding-top: 0px;
  font-size: 28px;
  margin-bottom: 0;
  color: var(--dark);
}

.multiple-opt .answer-container .other-text-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
  min-width: 350px;
}

/*
* RADIO LIST
*/
.radio-list .radio-item label::after,
.list-radio .answer-container .radio-item label::after {
  height: 18px;
  width: 18px;
  background-color: var(--mid-grey);
  top: 11px;
}
.radio-list .radio-item label::before,
.list-radio .answer-container .radio-item label::before {
  width: 24px;
  height: 24px;
  border-color: var(--mid-grey);
  top: 8px;
}
.radio-list .radio-item .radio-label,
.radio-list .radio-item .label-radio,
.list-radio .answer-container .radio-item .radio-label,
.list-radio .answer-container .radio-item .label-radio {
  font-size: 28px;
  padding-left: var(--spacing-l);
}

.list-radio .answer-container .other-text-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: transparent;
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
  min-width: 350px;
}

.radio-list .radio-item label::before {
  top: 50% !important;
  transform: translateY(-50%);
}
.radio-list .radio-item label::after {
  top: 50% !important;
  transform: translateY(-50%) scale(0, 0);
}
.radio-list .radio-item input[type="radio"]:checked + label::after {
  -webkit-transform: translateY(-50%) scale(1, 1);
  -ms-transform: translateY(-50%) scale(1, 1);
  -o-transform: translateY(-50%) scale(1, 1);
  transform: translateY(-50%) scale(1, 1);
}

/*
* RADIO LIST WITH COMMENT
*/
.list-with-comment .text-item .form-control {
  border: 2px solid transparent;
  font-size: 18px;
  box-shadow: none;
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
  border-radius: 0px;
}
.list-with-comment .text-item .control-label {
  color: var(--dark);
  font-size: 18px;
}

/*
* GROUP DESCRPTION
*/

.group-title {
  font-family: var(--font-logical-medium);
  font-size: 36px;
  color: var(--dark);
  font-weight: 600;
}

.group-description {
  box-shadow: none;
  border-width: 2px;
  background-color: transparent;
}

/*
* RANKING
*/
.ranking-advanced-style
  .display_block_group
  .sortable-block
  .sortable-block-content {
  position: static;
}
.ranking .sortable-subtitle {
  font-size: 18px;
}
.ranking .sortable-list {
  border: none;
  padding-top: 16px;
}
.ranking .sortable-list .sortable-item {
  border-radius: var(--border-radius);
  font-size: 18px;
  padding: 10px var(--spacing-l);
  margin-bottom: 8px;
}

/* BOOTSTRAP-BUTTON */
@media only screen and (max-width: 767px) {
  .checkbox-list > .btn-toolbar {
    flex-direction: column;
  }
  .btn-toolbar .btn.btn-primary {
    text-align: left;
  }
}
.row.radio-list[data-toggle="buttons"],
.checkbox-list > .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  padding: 0 !important;
  box-sizing: border-box;
  width: inherit !important;
  margin-left: 0 !important;
}
.checkbox-list.row {
  margin: 0 !important;
}
.btn-toolbar:before,
.row:before {
  display: inherit !important;
  content: none !important;
}
.list-radio .container-fluid {
  padding: 0;
}
.row.radio-list[data-toggle="buttons"] > .bootstrap-buttons-div,
.btn-toolbar > .bootstrap-buttons-div {
  width: auto !important;
  padding: 0 !important;
}
.row.radio-list[data-toggle="buttons"] .btn.btn-primary label,
.btn-toolbar .btn.btn-primary label {
  padding: 0 16px;
}

.answers-list .btn-primary,
.answers-list .btn-primary:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: var(--spacing-s) 0;
  background-color: var(--light-grey);
  color: var(--dark);
  border: 2px solid var(--grey);
  border-radius: var(--border-radius);
}
.answers-list .btn-primary.active,
.answers-list .btn-primary:hover.active {
  background-color: var(--magenta);
  color: var(--white);
  border-color: transparent;
}
.answers-list .btn-primary:focus,
.answers-list .btn-primary.focus,
.answers-list .btn-primary.focus.active,
.answers-list .btn-primary.focus:active {
  outline: none;
}
.answers-list .btn-primary label {
  font-size: 24px;
  margin: 0px;
  cursor: pointer;
}
.answers-list .btn.active,
.answers-list .btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
 * FIRST PAGE
*/

#firstpage-changelang select {
  border-radius: 0;
  border-color: transparent;
  box-shadow: none;
  color: var(--dark);
  background-color: var(--light-grey);
  border-bottom-color: var(--dark-grey);
}

#firstpage-changelang .control-label {
  color: var(--dark);
  padding-right: var(--spacing-s);
}

#firstpage-changelang .ls-language-changer-item {
  background-color: inherit;
  border-color: transparent;
  color: var(--cyan);
}

#welcome-container .survey-welcome {
  color: var(--dark);
  margin-top: 48px;
}

#welcome-container .survey-name {
  color: var(--dark);
  font-size: 48px;
  font-family: var(--font-logical-medium);
  font-weight: 600;
}

.survey-description {
  font-weight: 600;
  font-size: 18px;
  color: var(--dark);
}

.number-of-questions {
  font-size: 28px;
  color: var(--dark);
}

.privacy .control-label {
  font-size: 21px;
  font-family: var(--font-logical-medium);
  line-height: 28px;
  font-weight: 600;
  padding-left: var(--spacing-l);
}

.privacy #datasecurity_accepted {
  height: 24px;
  width: 24px;
  margin-right: 4px;
  margin-top: 2px;
}

@media only screen and (min-width: 992px) {
  .privacy .privacy-block > .form-inline {
    position: absolute;
  }
}
.privacy .privacy-block > .form-inline {
  margin-top: calc(1em + 8px);
}