@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
.login-box {
  background: rgb(104, 182, 223);
}
.login-box .integrations .facebook {
  background-color: rgb(66, 103, 178);
  color: white;
}
.login-box .integrations .facebook .icon {
  font-size: 24px;
  padding-left: 20px;
}
.login-box .integrations .google {
  background-color: white;
  color: black;
}
.login-box .integrations .google .icon {
  font-size: 24px;
  padding-left: 20px;
}
.login-box .integrations .login-button {
  cursor: pointer;
  line-height: 40px;
  width: 100%;
  display: flex;
  height: 40px;
  margin-bottom: 15px;
}
.login-box .integrations .login-button .icon {
  line-height: 40px;
}
.login-box .integrations .login-button .text {
  font-size: 17px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  flex: 1 1 0%;
}
.login-box h1 {
  color: white;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.3;
}
.login-box input {
  margin-bottom: 9px;
  height: 40px !important;
  padding: 4px 0px 4px 15px;
}
.login-box input.password {
  background: #fff url(/s/img/ico-form-04.8cd0518fcb88cf7cf39dc1eaa666a667.png) right 16px center no-repeat;
}
.login-box input.email {
  background: url(/s/img/ico-form-03.0477d90f4a9f77b1b22265d49c3ebc84.png) right 16px center no-repeat #fff;
}
.login-box a.link {
  font-size: 0.875em;
  color: rgb(255, 255, 255) !important;
  padding: 2px 0px 0px 30px;
}
.login-box a.link:hover {
  color: white !important;
}
.login-box a.link.forgot-password:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 23px;
  height: 26px;
  background: url(/s/img/sprites.ee504c7ef975dad1a69936fff7ed14e0.png) -34px -60px no-repeat;
}
.login-box button {
  position: relative;
  width: 195px;
  height: 40px;
  text-align: center;
  display: block !important;
  color: rgb(255, 255, 255) !important;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 0px;
  padding: 0px 15px !important;
  font-size: 1.25em;
  font-weight: 700;
  background: url(/s/img/ico-btn-arrow01.45b788c6e1e0273a20c38de22a72f3d2.png) right 18px center no-repeat #4868a6 !important;
}
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/s/fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 400;
  src: url("/s/fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 100;
  src: url("/s/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source-Sans-Pro";
  font-style: normal;
  font-weight: 100;
  src: url("/s/fonts/source-sand-pro/SourceSansPro-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source-Sans-Pro-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/s/fonts/source-sand-pro/SourceSansPro-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Source-Sans-Pro-SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/s/fonts/source-sand-pro/SourceSansPro-SemiBold.ttf") format("truetype");
}
.btn:active, .btn:focus, .btn:hover {
  outline: none;
  box-shadow: none;
}

p {
  margin-bottom: 0;
}

.cafetery-wrap {
  display: flow-root;
  padding: 12px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.cafetery-wrap .dragg {
  margin-top: 5px;
}
.cafetery-wrap ul li {
  margin-right: 10px;
  font-size: 12px;
  line-height: 2;
}
.cafetery-wrap ul li:last-child {
  margin-right: 0;
}
.cafetery-wrap ul li .custom-control.custom-checkbox {
  margin-bottom: 0;
}
.cafetery-wrap.not-active {
  opacity: 0.5;
}

html {
  overflow-y: auto;
  overflow-x: auto;
}
@media (max-width: 767.98px) {
  html {
    scrollbar-width: thin;
  }
}
html.scrollable {
  overflow-y: initial;
  overflow-x: initial;
}

body {
  overflow-x: hidden;
}
@media (max-width: 767.98px) {
  body {
    scrollbar-width: thin;
  }
}
body.scrollable {
  overflow-x: initial;
}

body {
  position: relative;
  background-color: #e5e5e5;
  font-family: Lato;
  background-image: none;
  background-size: 100%;
}
@media (max-width: 767.98px) {
  body {
    background-size: auto;
  }
}
body > .container {
  padding-bottom: 30px;
  width: 100%;
  max-width: 1000px;
}
body .card-body {
  padding: 1.25em 1em;
}

.password-container .card {
  border-radius: 8px;
  background-color: #fff;
}
.password-container .card h1 {
  color: #121d2b;
  font-size: 22px;
}
.password-container .error {
  color: #eb6c80;
}

#darkModeSwitchTooltip {
  position: relative;
  top: 1px;
}
#darkModeSwitchTooltip .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4e659e;
  background-color: #4e659e;
}
#darkModeSwitchTooltip .custom-control-label::before {
  background-color: #b5b5b5;
}
#darkModeSwitchTooltip .custom-control-label::after {
  background-color: white;
}

#main-progress {
  background-color: #cccccc;
  position: relative;
  top: 2px;
}

.progress {
  border-radius: 20px;
}
.progress .progress-bar {
  min-width: 17px;
  border-radius: 20px;
  background-color: #121d2b;
}

.progress-value {
  display: none;
}

header {
  padding-top: 10px;
  padding-bottom: 10px;
}
header .survey-lang img {
  width: 25px;
}
header .fa-exclamation-circle {
  font-size: 20px;
  color: #121d2b;
  cursor: pointer;
}
header .custom-switch {
  padding-top: 1px;
}

.survey-logo {
  max-height: 150px;
  margin: auto;
}

.question.single .excluding-overlay, .question.multi .excluding-overlay, .question.basket .excluding-overlay, .question.ranked .excluding-overlay, .question.numeric .excluding-overlay, .question.open .excluding-overlay, .question.multiOpen .excluding-overlay, .question.dragAndDrop .excluding-overlay {
  pointer-events: none;
}
.question.single .excluding-overlay > div, .question.multi .excluding-overlay > div, .question.basket .excluding-overlay > div, .question.ranked .excluding-overlay > div, .question.numeric .excluding-overlay > div, .question.open .excluding-overlay > div, .question.multiOpen .excluding-overlay > div, .question.dragAndDrop .excluding-overlay > div {
  opacity: 0.5;
}
.question.differential .excluding-overlay, .question.numericMulti .excluding-overlay {
  pointer-events: none;
}
.question.differential .excluding-overlay .card-container > div, .question.numericMulti .excluding-overlay .card-container > div {
  opacity: 0.5;
}
.question.matrix .excluding-overlay, .question.matrixMulti .excluding-overlay, .question.matrixDropdown .excluding-overlay {
  pointer-events: none;
}
.question.matrix .excluding-overlay .matrix-card .answer-area, .question.matrix .excluding-overlay .matrix-card .matrix-instruction, .question.matrix .excluding-overlay .matrix-card .matrix-button-container, .question.matrixMulti .excluding-overlay .matrix-card .answer-area, .question.matrixMulti .excluding-overlay .matrix-card .matrix-instruction, .question.matrixMulti .excluding-overlay .matrix-card .matrix-button-container, .question.matrixDropdown .excluding-overlay .matrix-card .answer-area, .question.matrixDropdown .excluding-overlay .matrix-card .matrix-instruction, .question.matrixDropdown .excluding-overlay .matrix-card .matrix-button-container {
  opacity: 0.5;
}
.question.matrix .excluding-overlay table, .question.matrixMulti .excluding-overlay table, .question.matrixDropdown .excluding-overlay table {
  opacity: 0.5;
}

.card-body.answer-area:has(+ .excluding-answer-area) {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.answer-area.excluding-answer-area {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  z-index: -999 !important;
}
.answer-area.excluding-answer-area .cafetery-wrap {
  background-color: #F4F4F4 !important;
  color: #3A3A3A !important;
}
.answer-area.excluding-answer-area .cafetery-wrap:hover {
  background-color: #fff0c3 !important;
  color: #000 !important;
}
.answer-area.excluding-answer-area .cafetery-wrap.active {
  font-weight: bold !important;
  background-color: #ffd962 !important;
  color: #000 !important;
}
.answer-area.excluding-answer-area .cafetery-wrap.active:hover {
  background-color: #ffd962 !important;
  color: #000 !important;
}

.survey-name {
  display: none;
  color: #000;
}

.headerCard, .footerCard, .block-name {
  border-radius: 8px;
  background-color: white;
  padding: 0.75rem 1.25rem;
}

.block-name {
  margin-top: 2px;
  margin-bottom: 14px;
}

.card.invitation-card {
  border-radius: 8px;
}
.card.invitation-card .invitation-text {
  background-color: white;
  color: #3A3A3A;
  border-radius: 8px;
}

.card.ending-card {
  border-radius: 8px;
}
.card.ending-card .ending-text {
  background-color: white;
  color: #3A3A3A;
  border-radius: 8px;
}

.navigation .btn {
  text-transform: uppercase;
  padding: 5px 5px;
}
.navigation .btn i {
  margin-top: 4px;
}
.navigation .btn-prev {
  color: #3A3A3A;
  font-size: 20px;
  background-color: #cccccc;
  font-weight: 300;
}
.navigation .btn-prev i {
  top: 8px;
  left: 5px;
}
.navigation .btn-prev:hover {
  color: #3A3A3A;
  background-color: #b5b5b5;
}
.navigation .btn-clear {
  color: #3A3A3A;
  font-size: 20px;
  background-color: #cccccc;
  font-weight: 300;
}
.navigation .btn-clear:hover {
  color: #3A3A3A;
  background-color: #b5b5b5;
}
.navigation .next-answer {
  letter-spacing: 4px;
}
.navigation .btn-next,
.navigation .btn-start {
  font-weight: 900;
  color: #fff;
  font-size: 20px;
  background-color: #4a68a6;
}
.navigation .btn-next i,
.navigation .btn-start i {
  right: 5px;
  top: 8px;
}
.navigation .btn-next:hover,
.navigation .btn-start:hover {
  color: #fff;
  background-color: #1b283d;
}

.social-media-shares {
  position: fixed;
  right: 14px;
  top: 50%;
  bottom: 50%;
  z-index: 5;
}
.social-media-shares > span > div {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  .social-media-shares {
    position: relative;
    width: 100vw;
    text-align: center;
    padding-top: 14px;
  }
  .social-media-shares > h3 {
    font-size: 22px;
    font-weight: 900;
  }
  .social-media-shares > span {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
  }
  .navigation .btn {
    padding: 5px 5px;
  }
}
.react-datepicker {
  width: max-content;
}

.react-datepicker__time-list {
  padding: 0 !important;
}

.react-datepicker__time-list-item {
  margin-right: 0px !important;
}

.react-datepicker__time-container {
  width: auto;
}

.d-list-item {
  display: list-item;
  counter-increment: step-counter;
}
.d-list-item::marker {
  content: "";
}
.d-list-item:before {
  content: counter(step-counter) ".";
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
}

.d-grid {
  display: grid;
  grid-auto-rows: 1fr;
  row-gap: 14px;
  column-gap: 0;
}
.d-grid.big-gap {
  row-gap: 28px;
}
.d-grid.no-auto-rows {
  grid-auto-rows: initial;
}
@media (min-width: 992px) {
  .d-grid.columns-2 {
    grid-template-columns: repeat(auto-fit, minmax(0, 50%));
  }
  .d-grid.columns-3 {
    grid-template-columns: repeat(auto-fit, minmax(0, 33%));
  }
  .d-grid.columns-4 {
    grid-template-columns: repeat(auto-fit, minmax(0, 25%));
  }
  .d-grid.columns-5 {
    grid-template-columns: repeat(auto-fit, minmax(0, 20%));
  }
  .d-grid.columns-6 {
    grid-template-columns: repeat(auto-fit, minmax(0, 16.6%));
  }
  .d-grid.columns-7 {
    grid-template-columns: repeat(auto-fit, minmax(0, 14.28%));
  }
  .d-grid.columns-8 {
    grid-template-columns: repeat(auto-fit, minmax(0, 12.5%));
  }
  .d-grid.columns-9 {
    grid-template-columns: repeat(auto-fit, minmax(0, 11.11%));
  }
  .d-grid.columns-10 {
    grid-template-columns: repeat(auto-fit, minmax(0, 10%));
  }
}
@media (min-width: 992px) {
  .d-grid .grid-padding-columns {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 992px) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
}

.pause-contact-container.d-lg-flex i {
  font-size: 35px;
  margin-right: 10px;
  margin-left: 10px;
}
.pause-contact-container.d-lg-none i {
  margin-right: 14px;
}
@media (max-width: 992px) {
  .pause-contact-container.d-lg-none i.fa-envelope {
    margin-right: 8px;
  }
}

.d-grid .cafetery-wrap.standalone-input > div:first-of-type.opened {
  padding-left: 2px !important;
}

.question > .card-body .cafetery-wrap.standalone-input.error {
  background-color: #eb6c80;
}
.question > .card-body .cafetery-wrap.standalone-input > div:first-of-type.opened {
  padding-left: 2px !important;
}
.question > .card-body .cafetery-wrap.standalone-input > div:first-of-type.opened input.form-control {
  padding: 25px !important;
  padding-left: 14px !important;
}

.pointer-none {
  pointer-events: none;
}

.card-container {
  background-color: white;
  border-radius: 8px;
  padding: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
}
.card-container.error {
  border: solid;
  border-color: #eb6c80;
}

@media (max-width: 992px) {
  .cards-container > div {
    padding: 0;
  }
}

.file-upload-container {
  padding: 1.25em 1em !important;
  border-radius: 8px;
}
.file-upload-container > div.answer-area {
  padding: 1.25em 1em !important;
}
@media (max-width: 992px) {
  .file-upload-container > div.answer-area {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

.dropdown-menu.show {
  z-index: 999999;
}

.pe-none {
  pointer-events: none !important;
}

.tooltip.show {
  z-index: 99999999 !important;
}

.flex-1 {
  flex: 1;
}

p.error {
  color: #eb6c80;
}

.survey-lang {
  top: -1px;
}

.rc-slider {
  user-select: none;
  min-height: 22px;
}
.rc-slider.error .rc-slider-rail {
  background-color: #eb6c80;
}
.rc-slider .rc-slider-rail {
  border-radius: 10px;
  background-color: #cccccc;
}
.rc-slider .rc-slider-track {
  border-radius: 10px;
  background-color: #3FB7FF;
}
.rc-slider .rc-slider-handle {
  background-color: #4a68a6;
  border: none;
  margin-left: -24px;
  margin-top: -14px;
}
.rc-slider .rc-slider-handle:active {
  box-shadow: none;
}
.rc-slider:not(.rc-slider-vertical) .rc-slider-rail,
.rc-slider:not(.rc-slider-vertical) .rc-slider-track,
.rc-slider:not(.rc-slider-vertical) .rc-slider-step {
  height: 20px;
}
.rc-slider.rc-slider-vertical {
  height: 300px;
}
.rc-slider.rc-slider-vertical .rc-slider-rail {
  width: 15px;
}
.rc-slider.rc-slider-vertical .rc-slider-track {
  width: 15px;
  left: 5px;
}
.rc-slider.rc-slider-vertical .rc-slider-handle {
  left: 12px;
}
.rc-slider.rc-slider-vertical .rc-slider-handle {
  transform: translateY(50%) !important;
}
.rc-slider .rc-slider-handle {
  height: 48px;
  width: 48px;
  transform: none !important;
}

.rc-slider-tooltip {
  z-index: 1000000;
  padding-top: 10px;
}
.rc-slider-tooltip .rc-slider-tooltip-content {
  position: relative;
  top: 6px;
}
.rc-slider-tooltip .rc-slider-tooltip-content .rc-slider-tooltip-arrow {
  position: absolute;
  border-top-color: #ffd962;
  bottom: -4px;
  left: 50%;
  margin-left: -6px;
  border-width: 4px 6px 0;
}
.rc-slider-tooltip .rc-slider-tooltip-content .rc-slider-tooltip-inner {
  margin-top: 10px;
  color: black;
  background-color: #ffd962;
  font-size: 20px;
  font-weight: bold;
  padding: 14px;
  position: relative;
  height: initial;
  width: initial;
}

.slider-value-info {
  padding-left: 14px;
  padding-right: 14px;
  font-weight: bold;
  background-color: #cccccc;
  color: #3A3A3A;
  border-radius: 8px;
}

body.dark-mode .rc-slider-tooltip .rc-slider-tooltip-content .rc-slider-tooltip-inner {
  background-color: #dfab00;
}
body.dark-mode .rc-slider-tooltip .rc-slider-tooltip-content .rc-slider-tooltip-arrow {
  border-top-color: #dfab00;
}
body.dark-mode .slider-value-info {
  background-color: #222222;
  color: #8a8a8a;
}

.diff-slider-container .vertical .rc-slider .rc-slider-handle {
  transform: none !important;
}

input.form-control:active, input.form-control:focus, input.form-control:hover, textarea.form-control:active, textarea.form-control:focus, textarea.form-control:hover {
  outline: none;
  box-shadow: none;
}

.question .input-group-text {
  height: 26px;
  font-size: 1em;
}
.question input[type=text],
.question input[type=number] {
  height: 26px;
  font-size: 1em;
}
.question input[type=text]:focus:before,
.question input[type=number]:focus:before {
  outline: 0;
  border: 0;
}

.question.basket .card-body .basket-target-container,
.question.numericMulti.dragAndDrop .card-body .basket-target-container {
  justify-content: center;
}
@media (min-width: 992px) {
  .question.basket .card-body .basket-target-container .basket-target:nth-of-type(3n),
  .question.numericMulti.dragAndDrop .card-body .basket-target-container .basket-target:nth-of-type(3n) {
    margin-left: 14px;
  }
  .question.basket .card-body .basket-target-container .basket-target:nth-of-type(3n - 2),
  .question.numericMulti.dragAndDrop .card-body .basket-target-container .basket-target:nth-of-type(3n - 2) {
    margin-right: 14px;
  }
}
.question.basket .card-body .basket-target-container .basket,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket {
  border-radius: 8px;
  background-color: #F4F4F4;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.question.basket .card-body .basket-target-container .basket .basket-header,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket .basket-header {
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  background-color: #4a68a6;
  padding: 8px;
}
.question.basket .card-body .basket-target-container .basket .basket-body,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket .basket-body {
  padding: 14px;
  height: 100%;
  flex: 1;
}
.question.basket .card-body .basket-target-container .basket .basket-body .answers-container,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket .basket-body .answers-container {
  height: 100%;
}
.question.basket .card-body .basket-target-container .basket .basket-body .empty-answer,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket .basket-body .empty-answer {
  border-radius: 4px;
  background-color: #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 14px;
  position: relative;
  top: -60px;
}
.question.basket .card-body .basket-target-container .basket .basket-body .empty-answer i,
.question.numericMulti.dragAndDrop .card-body .basket-target-container .basket .basket-body .empty-answer i {
  color: #F4F4F4;
  font-size: 20px;
}
.question.basket .card-body .answers-container.stack-container,
.question.numericMulti.dragAndDrop .card-body .answers-container.stack-container {
  flex-direction: column;
}
.question.basket .card-body .answers-container.stack-container .answer.cafetery-wrap:not(:first-of-type),
.question.numericMulti.dragAndDrop .card-body .answers-container.stack-container .answer.cafetery-wrap:not(:first-of-type) {
  opacity: 0.1;
  margin-bottom: -30px;
  margin-top: 0px;
  position: relative;
  top: -30px;
  z-index: -1;
}
.question.basket .card-body .answers-container .answer,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer {
  -webkit-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  -moz-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  padding-bottom: 8px;
  padding-top: 8px;
}
.question.basket .card-body .answers-container .answer.active,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer.active {
  margin-right: 0px !important;
  margin-bottom: 14px !important;
}
.question.basket .card-body .answers-container .answer.active:last-of-type,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer.active:last-of-type {
  margin-bottom: 0px !important;
}
.question.basket .card-body .answers-container .answer.active > .opened,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer.active > .opened {
  padding-left: 8px;
  padding-right: 8px;
}
.question.basket .card-body .answers-container .answer.active > .opened input,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer.active > .opened input {
  border: none;
}
.question.basket .card-body .answers-container .answer.active > .opened > span,
.question.numericMulti.dragAndDrop .card-body .answers-container .answer.active > .opened > span {
  display: none !important;
}
.question.basket .card-body .sort-to-baskets,
.question.numericMulti.dragAndDrop .card-body .sort-to-baskets {
  border-radius: 8px;
  background-color: #121d2b;
  font-weight: 300;
  padding-top: 6px;
  padding-bottom: 6px;
}
.question.basket .card-body .sort-to-baskets > i, .question.basket .card-body .sort-to-baskets > span,
.question.numericMulti.dragAndDrop .card-body .sort-to-baskets > i,
.question.numericMulti.dragAndDrop .card-body .sort-to-baskets > span {
  color: #fff;
  font-size: 22px;
}

body.dark-mode .question.basket .card-body .basket {
  background-color: #555555 !important;
}
body.dark-mode .question.basket .card-body .basket .basket-header {
  color: #ffffff;
  background-color: #4e659e;
}
body.dark-mode .question.basket .card-body .basket .basket-body .empty-answer {
  background-color: #222222;
}
body.dark-mode .question.basket .card-body .basket .basket-body .empty-answer i {
  color: #555555 !important;
}

.question.basket .card-body .basket-target-container {
  justify-content: initial;
}

.question.differential .arrow {
  font-size: 25px;
}
.question.differential .arrow.left {
  left: 20px;
}
@media (min-width: 992px) {
  .question.differential .arrow.left {
    left: 14px;
  }
}
.question.differential .arrow.right {
  right: 6px;
}
@media (min-width: 992px) {
  .question.differential .arrow.right {
    right: 0;
  }
}
.question.differential .diff-slider-container {
  align-items: center;
  min-height: 51px;
}
@media (max-width: 992px) {
  .question.differential .diff-slider-container {
    max-height: initial;
    flex-direction: column;
  }
  .question.differential .diff-slider-container > div.text-center {
    padding-top: 15px;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 15px;
  }
}
.question.differential .buttons-container {
  max-height: 51px;
}
@media (max-width: 992px) {
  .question.differential .buttons-container {
    flex-direction: column;
    align-items: center;
    max-height: initial;
  }
}
.question.differential .buttons-container .cafetery-wrap-container {
  display: flex;
  justify-content: center;
}
.question.differential .buttons-container .cafetery-wrap-container:last-of-type .cafetery-wrap {
  margin-right: 0;
  margin-bottom: 0 !important;
}
.question.differential .buttons-container .cafetery-wrap-container .cafetery-wrap {
  justify-content: center;
  max-width: 51px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
  margin-right: 10px;
}
.question.differential .buttons-container .cafetery-wrap-container .cafetery-wrap i {
  min-height: 52px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.question.differential .buttons-container .cafetery-wrap-container .cafetery-wrap:last-of-type {
  margin-right: 0;
}
@media (max-width: 992px) {
  .question.differential .buttons-container .cafetery-wrap-container .cafetery-wrap {
    min-height: 51px;
    min-width: 51px;
    text-align: center;
    margin-bottom: 14px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0;
  }
}
.question.differential .buttons-container.right-left-align {
  margin-left: 5px;
  margin-right: 5px;
  justify-content: space-between !important;
}
.question.differential .buttons-container.right-left-align .cafetery-wrap-container {
  width: 51px !important;
  flex: initial;
}
.question.differential > .card-body .diff-instruction {
  align-self: stretch;
}
.question.differential > .card-body .diff-instruction .cafetery-wrap {
  background-color: #cccccc;
  color: #3A3A3A;
}
.question.differential > .card-body .cafetery-wrap {
  margin-bottom: 0px;
  padding: 0 38px;
}
@media (min-width: 992px) {
  .question.differential > .card-body .cafetery-wrap {
    padding: 0px 48px;
  }
}
.question.differential > .card-body .cafetery-wrap > div {
  padding: 12px 0;
}
.question.differential > .card-body .cafetery-wrap .column-presentation {
  padding: 0;
}
.question.differential > .card-body .cafetery-wrap .column-presentation > .row-value {
  padding: 12px 0;
}
.question.differential > .card-body .cafetery-wrap .column-presentation > .row-value.checked {
  background-color: #ffd962;
}
.question.differential > .card-body .cafetery-wrap .column-presentation:after, .question.differential > .card-body .cafetery-wrap .column-presentation:before {
  position: absolute;
  height: calc(100% - 20px);
  top: 10px;
  width: 1px;
  content: "";
  background-color: #ccc;
}
@media (max-width: 767.98px) {
  .question.differential > .card-body .cafetery-wrap .column-presentation:after, .question.differential > .card-body .cafetery-wrap .column-presentation:before {
    width: 100%;
    height: 1px;
    top: 0px;
  }
}
.question.differential > .card-body .cafetery-wrap .column-presentation:after {
  right: 0;
}
@media (max-width: 767.98px) {
  .question.differential > .card-body .cafetery-wrap .column-presentation:after {
    bottom: 0;
    top: auto;
  }
}
.question.differential .excluding-answer-area .cafetery-wrap {
  min-height: 51px;
}

body.dark-mode .question.differential > .card-body .diff-instruction .cafetery-wrap {
  background-color: #101010;
  color: #8a8a8a;
}
body.dark-mode .question.differential > .card-body .cafetery-wrap .column-presentation > .row-value.checked {
  background-color: #dfab00;
}

.question.ranked .img-icon {
  min-width: 40px;
}
.question.ranked > .card-body .cafetery-wrap > div:first-of-type {
  padding-right: 2px !important;
}
@media (max-width: 992px) {
  .question.ranked > .card-body .cafetery-wrap > div:first-of-type .mobile-input-wrapper > span {
    padding-left: 21px !important;
  }
}
@media (max-width: 992px) {
  .question.ranked {
    background-color: #e5e5e5;
  }
  .question.ranked div.answer-area {
    padding: 0;
    background-color: #e5e5e5;
  }
  .question.ranked div.answer-area > div.d-grid {
    row-gap: 0;
    grid-auto-rows: auto;
  }
  .question.ranked .answers-to-add {
    padding-top: 14px;
    padding-right: 14px !important;
    padding-left: 14px !important;
    padding-bottom: 14px;
    background-color: #fff;
    border-radius: 8px;
  }
  .question.ranked .answers-to-delete {
    padding-top: 28px;
    background-color: #e5e5e5;
  }
}
.question.ranked i.fa-circle-plus,
.question.ranked i.fa-circle-minus {
  position: relative;
  font-size: 21px;
  top: 3px;
  right: 2px;
  padding-right: 0px !important;
}
.question.ranked div.opened i.fa-circle-minus {
  right: 0;
  padding-right: 14px !important;
}
.question.ranked.show-vertically {
  background-color: #e5e5e5;
}
.question.ranked.show-vertically div.answer-area {
  padding: 0;
  background-color: #e5e5e5;
}
.question.ranked.show-vertically div.answer-area > div.d-grid {
  row-gap: 0;
  grid-auto-rows: auto;
}
.question.ranked.show-vertically .answers-to-add {
  padding-top: 20px;
  padding-right: 28px !important;
  padding-left: 28px !important;
  padding-bottom: 28px;
  background-color: #fff;
  border-radius: 8px;
}
.question.ranked.show-vertically .answers-to-delete {
  padding-top: 28px;
  background-color: #e5e5e5;
}

body.dark-mode .question div::before {
  color: #4e659e;
}
body.dark-mode .question h3 {
  color: #F2F2F2;
}
@media (max-width: 992px) {
  body.dark-mode .question.ranked {
    background-color: #222222;
  }
  body.dark-mode .question.ranked div.answer-area {
    background-color: #222222;
  }
  body.dark-mode .question.ranked .answers-to-add {
    background-color: #3c3c3c;
  }
  body.dark-mode .question.ranked .answers-to-delete {
    padding-top: 28px;
    background-color: #222222;
  }
  body.dark-mode .question.ranked .answers-to-delete .cafetery-wrap {
    border-color: #C5C5C5;
    border-style: solid;
    border-width: 1px;
  }
}
body.dark-mode .question.ranked.show-vertically {
  background-color: #222222;
}
body.dark-mode .question.ranked.show-vertically div.answer-area {
  background-color: #222222;
}
body.dark-mode .question.ranked.show-vertically .answers-to-add {
  background-color: #3c3c3c;
}
body.dark-mode .question.ranked.show-vertically .answers-to-delete {
  background-color: #222222;
}
body.dark-mode .question.ranked.show-vertically .answers-to-delete .cafetery-wrap {
  border-color: #C5C5C5;
  border-style: solid;
  border-width: 1px;
}
@media (max-width: 992px) {
  body.dark-mode .question.ranked .answer-area.excluding-answer-area {
    margin-top: 10px;
  }
  body.dark-mode .question.ranked .answer-area.excluding-answer-area .cafetery-wrap {
    background-color: #3c3c3c !important;
    color: #8a8a8a !important;
  }
}

@media (max-width: 992px) {
  .question.ranked .d-grid .cafetery-wrap > div:first-of-type.opened {
    padding-left: 12px;
  }
  .question.ranked .d-grid .cafetery-wrap.active > div:first-of-type.opened {
    padding-left: 2px !important;
  }
}
.question.conjoint #cj-elements .cj-element {
  padding: 2em;
  cursor: pointer;
  transition: background-color 100ms;
  border-radius: 8px;
  background-color: #fff2cb;
}
.question.conjoint #cj-elements .cj-element:hover {
  background-color: #fff0c3;
}
.question.conjoint #cj-elements .cj-element:active {
  background-color: #ffd962;
}

.question.numeric.slider > .answer-area {
  padding-top: 0;
}
.question.numeric.slider .suffix {
  margin-top: 14px;
}
.question .input-group .input-group-text {
  background-color: #121d2b;
  color: #fff;
}

.numeric-input input {
  box-sizing: border-box;
  width: 100px;
  margin-right: 18px;
  margin-left: 18px;
}
.numeric-input .input-group-append,
.numeric-input .input-group-prepend {
  background-color: #cccccc;
  color: #3A3A3A;
}

.icon-input {
  background-color: #F4F4F4;
  border-radius: 8px;
}
.icon-input.valid {
  background-color: #ffd962;
}
.icon-input.error {
  border-top: solid #eb6c80 !important;
  border-bottom: solid #eb6c80 !important;
  border-right: solid #eb6c80 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
.icon-input .datepicker {
  width: 100%;
}
.icon-input .datepicker > div, .icon-input .datepicker input, .icon-input .datepicker .react-datepicker-wrapper, .icon-input .datepicker .react-datepicker__input-container {
  width: 100%;
}
.icon-input input {
  padding-left: 14px;
  padding-right: 14px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.icon-input .input-group-append,
.icon-input .input-group-prepend {
  background-color: #121d2b;
  border-radius: 8px;
}
.icon-input .input-group-append.error,
.icon-input .input-group-prepend.error {
  background-color: #eb6c80;
}
.icon-input .input-group-append i,
.icon-input .input-group-prepend i {
  color: #fff !important;
}

.numeric-input,
.icon-input {
  display: flex;
  flex-wrap: nowrap;
  border: none;
}
.numeric-input input,
.icon-input input {
  border: none;
  flex-grow: 1;
  background-color: #F4F4F4;
  height: 51px !important;
}
.numeric-input input:focus-visible,
.icon-input input:focus-visible {
  border: none;
  outline: none;
}
.numeric-input input.valid,
.icon-input input.valid {
  background-color: #ffd962;
  font-weight: bold;
}
.numeric-input input.error,
.icon-input input.error {
  border: solid;
  border-color: #eb6c80;
}
.numeric-input .input-group-append,
.numeric-input .input-group-prepend,
.icon-input .input-group-append,
.icon-input .input-group-prepend {
  height: 51px;
  display: flex;
  align-items: center;
  margin: 0;
}
.numeric-input .input-group-append > i,
.numeric-input .input-group-prepend > i,
.icon-input .input-group-append > i,
.icon-input .input-group-prepend > i {
  padding-left: 13px;
  padding-right: 13px;
  font-size: 25px;
}
.numeric-input .input-group-append.disabled,
.numeric-input .input-group-prepend.disabled,
.icon-input .input-group-append.disabled,
.icon-input .input-group-prepend.disabled {
  cursor: initial !important;
  background-color: #F4F4F4;
}
.numeric-input .input-group-append.disabled i,
.numeric-input .input-group-prepend.disabled i,
.icon-input .input-group-append.disabled i,
.icon-input .input-group-prepend.disabled i {
  color: #cccccc !important;
}

@media (max-width: 992px) {
  .question.numeric > .answer-area > .answer-area {
    padding: 0;
  }
}
.icon-input.valid .datepicker input {
  background-color: #ffd962 !important;
}

body.dark-mode .icon-input.valid .datepicker input {
  background-color: #dfab00 !important;
  color: white;
}
body.dark-mode .numeric-input input,
body.dark-mode .icon-input input {
  background-color: #1F1F1F;
  color: #cccccc;
}
body.dark-mode .numeric-input input.valid,
body.dark-mode .icon-input input.valid {
  color: white;
  background-color: #dfab00;
}
body.dark-mode .numeric-input input.error,
body.dark-mode .icon-input input.error {
  border-color: #B30C12;
}
body.dark-mode .numeric-input .input-group-append > i.fas,
body.dark-mode .numeric-input .input-group-prepend > i.fas,
body.dark-mode .icon-input .input-group-append > i.fas,
body.dark-mode .icon-input .input-group-prepend > i.fas {
  color: white !important;
}
body.dark-mode .icon-input {
  background-color: #1F1F1F;
}
body.dark-mode .icon-input.error {
  border-top: solid #B30C12 !important;
  border-bottom: solid #B30C12 !important;
  border-right: solid #B30C12 !important;
}
body.dark-mode .icon-input input {
  background-color: #1F1F1F;
}
body.dark-mode .icon-input.valid {
  background-color: #dfab00;
}
body.dark-mode .icon-input .input-group-append.error,
body.dark-mode .icon-input .input-group-prepend.error {
  background-color: #B30C12;
}
body.dark-mode .question .input-group-append,
body.dark-mode .question .input-group-prepend {
  background-color: #222222;
  color: #8a8a8a;
}
body.dark-mode .question .input-group-append.disabled,
body.dark-mode .question .input-group-prepend.disabled {
  background-color: #222222;
}
body.dark-mode .question .input-group-append.disabled i,
body.dark-mode .question .input-group-prepend.disabled i {
  color: #cccccc !important;
}

.question.numericMulti.slider div.answer-area, .question.numericMulti.psm div.answer-area, .question.numericMulti.input div.answer-area, .question.numericMulti.sliders div.answer-area, .question.numericMulti.buttons div.answer-area,
.question.differential.slider div.answer-area,
.question.differential.psm div.answer-area,
.question.differential.input div.answer-area,
.question.differential.sliders div.answer-area,
.question.differential.buttons div.answer-area {
  padding: 0;
  background: none;
}
.question.numericMulti .card-padding,
.question.differential .card-padding {
  padding-top: 14px;
  padding-bottom: 14px;
}
.question.numericMulti .card-padding > .text-center.pointer-none > .cafetery-wrap > .h-100.align-items-center,
.question.numericMulti .card-container > div > .text-center.pointer-none > .cafetery-wrap > .h-100.align-items-center,
.question.differential .card-padding > .text-center.pointer-none > .cafetery-wrap > .h-100.align-items-center,
.question.differential .card-container > div > .text-center.pointer-none > .cafetery-wrap > .h-100.align-items-center {
  padding: 14px !important;
}
.question.numericMulti .answer,
.question.differential .answer {
  -webkit-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  -moz-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  padding: 10px;
  background-color: #F4F4F4;
  border-radius: 3px;
  z-index: 2;
  transition: left 0.1s, top 0.1s;
}
.question.numericMulti .answer.active,
.question.differential .answer.active {
  background-color: #121d2b;
  color: #3A3A3A;
}
.question.numericMulti .answer img,
.question.differential .answer img {
  max-width: 200px;
}
.question.numericMulti .answers-list,
.question.differential .answers-list {
  -webkit-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  -moz-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  background-color: #3f6697;
  z-index: 1;
  transition: min-height 0.15s;
}
.question.numericMulti .card.basket,
.question.differential .card.basket {
  -webkit-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  -moz-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
}
.question.numericMulti .card.basket .card-header,
.question.differential .card.basket .card-header {
  background-color: #fff;
}
.question.numericMulti .cafetery-list,
.question.differential .cafetery-list {
  -webkit-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  -moz-box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
  box-shadow: 3px 2px 8px 0 rgba(76, 92, 101, 0.25);
}
.question.numericMulti .target,
.question.differential .target {
  width: 100%;
  height: 250px;
  background-color: #F4F4F4;
  position: relative;
}
.question.numericMulti .target .answer,
.question.differential .target .answer {
  box-shadow: none;
}
.question.numericMulti .line-wrapper,
.question.differential .line-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  text-align: center;
  background: #cccccc;
  opacity: 0.5;
}
.question.numericMulti .line-wrapper .value,
.question.differential .line-wrapper .value {
  position: absolute;
  bottom: -20px;
  font-weight: bold;
  font-size: 1.1em;
  width: 50px;
  left: calc(50% - 25px);
}
.question.numericMulti .card-body .numeric-multi-counter,
.question.differential .card-body .numeric-multi-counter {
  margin-bottom: 14px;
  font-size: 18px;
}
.question.numericMulti .card-body .numeric-multi-counter .cafetery-wrap,
.question.differential .card-body .numeric-multi-counter .cafetery-wrap {
  background-color: #cccccc;
}

body.dark-mode .question.numericMulti.slider, body.dark-mode .question.numericMulti.psm, body.dark-mode .question.numericMulti.input, body.dark-mode .question.numericMulti.sliders, body.dark-mode .question.numericMulti.buttons,
body.dark-mode .question.differential.slider,
body.dark-mode .question.differential.psm,
body.dark-mode .question.differential.input,
body.dark-mode .question.differential.sliders,
body.dark-mode .question.differential.buttons {
  background-color: #222222;
}
body.dark-mode .question.numericMulti.slider div.answer-area, body.dark-mode .question.numericMulti.psm div.answer-area, body.dark-mode .question.numericMulti.input div.answer-area, body.dark-mode .question.numericMulti.sliders div.answer-area, body.dark-mode .question.numericMulti.buttons div.answer-area,
body.dark-mode .question.differential.slider div.answer-area,
body.dark-mode .question.differential.psm div.answer-area,
body.dark-mode .question.differential.input div.answer-area,
body.dark-mode .question.differential.sliders div.answer-area,
body.dark-mode .question.differential.buttons div.answer-area {
  padding: 0;
  background-color: #222222;
}
body.dark-mode .question.numericMulti .target {
  background-color: #222222;
}
body.dark-mode .question.numericMulti .card-body .numeric-multi-counter .cafetery-wrap {
  background-color: black;
  color: #cccccc;
}
body.dark-mode .question.numericMulti.slider .answer-area.excluding-answer-area .cafetery-wrap,
body.dark-mode .question.numericMulti.input .answer-area.excluding-answer-area .cafetery-wrap,
body.dark-mode .question.numericMulti.psm .answer-area.excluding-answer-area .cafetery-wrap,
body.dark-mode .question.matrix.carousel .answer-area.excluding-answer-area .cafetery-wrap,
body.dark-mode .question.matrixMulti.carousel .answer-area.excluding-answer-area .cafetery-wrap,
body.dark-mode .question.differential .answer-area.excluding-answer-area .cafetery-wrap {
  background-color: #3c3c3c !important;
  color: #8a8a8a !important;
}
body.dark-mode .question.numericMulti.slider .answer-area.excluding-answer-area .cafetery-wrap:hover,
body.dark-mode .question.numericMulti.input .answer-area.excluding-answer-area .cafetery-wrap:hover,
body.dark-mode .question.numericMulti.psm .answer-area.excluding-answer-area .cafetery-wrap:hover,
body.dark-mode .question.matrix.carousel .answer-area.excluding-answer-area .cafetery-wrap:hover,
body.dark-mode .question.matrixMulti.carousel .answer-area.excluding-answer-area .cafetery-wrap:hover,
body.dark-mode .question.differential .answer-area.excluding-answer-area .cafetery-wrap:hover {
  background-color: #90732c !important;
  color: #cccccc !important;
}
body.dark-mode .question.numericMulti.slider .answer-area.excluding-answer-area .cafetery-wrap.active,
body.dark-mode .question.numericMulti.input .answer-area.excluding-answer-area .cafetery-wrap.active,
body.dark-mode .question.numericMulti.psm .answer-area.excluding-answer-area .cafetery-wrap.active,
body.dark-mode .question.matrix.carousel .answer-area.excluding-answer-area .cafetery-wrap.active,
body.dark-mode .question.matrixMulti.carousel .answer-area.excluding-answer-area .cafetery-wrap.active,
body.dark-mode .question.differential .answer-area.excluding-answer-area .cafetery-wrap.active {
  background-color: #dfab00 !important;
  color: #ffffff !important;
}
body.dark-mode .question.numericMulti.slider .answer-area.excluding-answer-area .cafetery-wrap.active:hover,
body.dark-mode .question.numericMulti.input .answer-area.excluding-answer-area .cafetery-wrap.active:hover,
body.dark-mode .question.numericMulti.psm .answer-area.excluding-answer-area .cafetery-wrap.active:hover,
body.dark-mode .question.matrix.carousel .answer-area.excluding-answer-area .cafetery-wrap.active:hover,
body.dark-mode .question.matrixMulti.carousel .answer-area.excluding-answer-area .cafetery-wrap.active:hover,
body.dark-mode .question.differential .answer-area.excluding-answer-area .cafetery-wrap.active:hover {
  background-color: #dfab00 !important;
  color: #ffffff !important;
}

.question.maxDiff .cafetery-wrap .left-text, .question.maxDiff .cafetery-wrap .right-text {
  background-color: #F4F4F4;
  transition: background-color 250ms, color 250ms;
}
.question.maxDiff .cafetery-wrap .left-text:hover, .question.maxDiff .cafetery-wrap .right-text:hover {
  background-color: #fff0c3;
  color: #3A3A3A;
}
.question.maxDiff .cafetery-wrap .left-text.active, .question.maxDiff .cafetery-wrap .right-text.active {
  background-color: #ffd962;
  color: #3A3A3A;
}

body.dark-mode .question.maxDiff .cafetery-wrap .left-text, body.dark-mode .question.maxDiff .cafetery-wrap .right-text {
  background-color: #101010;
}
body.dark-mode .question.maxDiff .cafetery-wrap .left-text:hover, body.dark-mode .question.maxDiff .cafetery-wrap .right-text:hover {
  background-color: #383838;
  color: #8a8a8a;
}
body.dark-mode .question.maxDiff .cafetery-wrap .left-text.active, body.dark-mode .question.maxDiff .cafetery-wrap .right-text.active {
  background-color: #383838;
  color: #8a8a8a;
}

.question.nps .box {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .question.nps .box {
    flex-direction: row;
  }
}
.question.nps .cafetery-wrap {
  max-width: 52px;
  min-height: 52px;
}
@media (min-width: 992px) {
  .question.nps .cafetery-wrap {
    margin-left: 17px;
    margin-right: 17px;
  }
}
.question.nps .excluding-answer-area {
  padding-right: 20px;
  padding-left: 20px;
}
.question.nps .excluding-answer-area .cafetery-wrap {
  min-width: 100%;
  margin: 0;
}

.question.nps > .card-body .cafetery-wrap > div:first-of-type {
  padding: 0px;
  padding-top: 6px;
}

.question.bpto .answer {
  transition: background-color 250ms;
}
.question.bpto .answer.disabled {
  opacity: 0.5;
}
.question.bpto .answer:active:not(.disabled) {
  transition: background-color 0s;
  background-color: #ffd962;
}
.question.bpto .answer:active:not(.disabled) .card-footer {
  background-color: #ffcd2f;
  color: #212121;
  font-size: 1.2em;
}
.question.bpto .answer .card-footer {
  background-color: #ffd962;
  color: #3A3A3A;
  font-size: 1.2em;
}

.question.matrix td.disabled,
.question.matrixMulti td.disabled {
  opacity: 0.5;
}

.question.carousel .matrix-instruction .d-lg-block.image-open-answer {
  display: none !important;
}
.question.matrix .table, .question.matrixMulti .table, .question.matrixDropdown .table {
  border: none !important;
  border-spacing: 14px;
  border-collapse: separate;
}
.question.matrix .table thead, .question.matrixMulti .table thead, .question.matrixDropdown .table thead {
  border: none !important;
}
.question.matrix .table thead th:first-of-type, .question.matrixMulti .table thead th:first-of-type, .question.matrixDropdown .table thead th:first-of-type {
  background-color: #fff;
}
.question.matrix .table thead th, .question.matrixMulti .table thead th, .question.matrixDropdown .table thead th {
  border: none !important;
  border-radius: 8px;
  background-color: #cccccc;
  color: #000;
}
.question.matrix .table td, .question.matrixMulti .table td, .question.matrixDropdown .table td {
  border: none !important;
  border-radius: 8px;
  color: #3A3A3A;
  background: #F4F4F4;
}
.question.matrix .table td.active, .question.matrixMulti .table td.active, .question.matrixDropdown .table td.active {
  color: #3A3A3A;
}
.question.matrix .table td.selected, .question.matrixMulti .table td.selected, .question.matrixDropdown .table td.selected {
  background-color: #ffd962;
}
.question.matrix .table td.first-column, .question.matrixMulti .table td.first-column, .question.matrixDropdown .table td.first-column {
  background-color: #3fb7ff;
  color: #000;
}
.question .matrix-button-container .prev-statement {
  min-width: 51px;
}
.question .matrix-button-container .prev-statement.show-text {
  flex: 100;
}
.question .matrix-button-container .prev-statement i {
  top: 14px;
  left: 19px;
}
.question .matrix-button-container .prev-statement .invisible {
  visibility: invisible;
}
.question .matrix-button-container .next-statement {
  flex: 1;
  min-width: 51px;
  margin-left: 20px;
}
.question .matrix-button-container .next-statement i {
  top: 14px;
  right: 10px;
}
.question .matrix-button-container .prev-statement.show-text ~ .next-statement {
  flex: 0;
}
.question .swipe {
  top: 40%;
  font-size: 40px;
  z-index: 9999999;
  border: solid;
  height: 75px;
  width: 75px;
  border-radius: 45px;
  text-align: center;
  display: flex;
  align-items: center;
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.question .swipe.swipe-left {
  right: 5px;
}
.question .swipe.swipe-right {
  left: 5px;
}
.question .swipe > i {
  flex: 1;
}

body.dark-mode .question.matrix .table thead th:first-of-type, body.dark-mode .question.matrixMulti .table thead th:first-of-type, body.dark-mode .question.matrixDropdown .table thead th:first-of-type {
  background-color: #3c3c3c;
}
body.dark-mode .question.matrix .table thead th, body.dark-mode .question.matrixMulti .table thead th, body.dark-mode .question.matrixDropdown .table thead th {
  background-color: #4e659e;
  color: #ffffff;
}
body.dark-mode .question.matrix .table td.first-column, body.dark-mode .question.matrixMulti .table td.first-column, body.dark-mode .question.matrixDropdown .table td.first-column {
  background-color: #4e659e;
  color: #ffffff;
}
body.dark-mode .question.matrix .table td, body.dark-mode .question.matrixMulti .table td, body.dark-mode .question.matrixDropdown .table td {
  background-color: #222222;
  color: #cccccc;
}
body.dark-mode .question.matrix .table td.active, body.dark-mode .question.matrix .table td.selected, body.dark-mode .question.matrixMulti .table td.active, body.dark-mode .question.matrixMulti .table td.selected, body.dark-mode .question.matrixDropdown .table td.active, body.dark-mode .question.matrixDropdown .table td.selected {
  background-color: #dfab00;
  color: white;
}

@media (max-width: 992px) {
  .question.matrix > .answer-area,
  .question.matrixMulti > .answer-area,
  .question.matrixDropdown > .answer-area {
    background: none;
    padding: 0 !important;
  }
  .question.matrix > .answer-area .matrix-card,
  .question.matrixMulti > .answer-area .matrix-card,
  .question.matrixDropdown > .answer-area .matrix-card {
    margin-top: 20px;
    background-color: white;
    border-radius: 8px;
  }
  .question.matrix > .answer-area .matrix-card .matrix-instruction,
  .question.matrixMulti > .answer-area .matrix-card .matrix-instruction,
  .question.matrixDropdown > .answer-area .matrix-card .matrix-instruction {
    background-color: #3fb7ff;
    color: #000;
    border-radius: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 21px;
    padding-right: 21px;
  }
  .question.matrix > .answer-area .matrix-card .matrix-instruction input,
  .question.matrixMulti > .answer-area .matrix-card .matrix-instruction input,
  .question.matrixDropdown > .answer-area .matrix-card .matrix-instruction input {
    padding: 10px;
  }
  .question.matrix > .answer-area .matrix-card.error,
  .question.matrixMulti > .answer-area .matrix-card.error,
  .question.matrixDropdown > .answer-area .matrix-card.error {
    border: solid #eb6c80;
  }
  .question.matrix > .answer-area .matrix-card.error > .matrix-instruction,
  .question.matrixMulti > .answer-area .matrix-card.error > .matrix-instruction,
  .question.matrixDropdown > .answer-area .matrix-card.error > .matrix-instruction {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  body.dark-mode .question.matrix,
  body.dark-mode .question.matrixMulti,
  body.dark-mode .question.matrixDropdown {
    background-color: #222222;
  }
  body.dark-mode .question.matrix > .answer-area,
  body.dark-mode .question.matrixMulti > .answer-area,
  body.dark-mode .question.matrixDropdown > .answer-area {
    background-color: #222222 !important;
  }
  body.dark-mode .question.matrix > .answer-area .matrix-card,
  body.dark-mode .question.matrixMulti > .answer-area .matrix-card,
  body.dark-mode .question.matrixDropdown > .answer-area .matrix-card {
    background-color: #3c3c3c;
  }
  body.dark-mode .question.matrix > .answer-area .matrix-card .matrix-instruction,
  body.dark-mode .question.matrixMulti > .answer-area .matrix-card .matrix-instruction,
  body.dark-mode .question.matrixDropdown > .answer-area .matrix-card .matrix-instruction {
    background-color: #cccccc;
    color: #000;
  }
  body.dark-mode .question.matrix > .answer-area .matrix-card.error,
  body.dark-mode .question.matrixMulti > .answer-area .matrix-card.error,
  body.dark-mode .question.matrixDropdown > .answer-area .matrix-card.error {
    border: solid #B30C12;
  }
}
.question.matrix.carousel > .answer-area,
.question.matrixMulti.carousel > .answer-area {
  padding: 0 !important;
  background: none;
}
.question.matrix.carousel > .answer-area .matrix-card,
.question.matrixMulti.carousel > .answer-area .matrix-card {
  margin-top: 20px;
  background-color: white;
  border-radius: 8px;
}
.question.matrix.carousel > .answer-area .matrix-card .matrix-instruction,
.question.matrixMulti.carousel > .answer-area .matrix-card .matrix-instruction {
  background-color: #3fb7ff;
  color: #000;
  border-radius: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 21px;
  padding-right: 21px;
}
.question.matrix.carousel > .answer-area .matrix-card .matrix-instruction input,
.question.matrixMulti.carousel > .answer-area .matrix-card .matrix-instruction input {
  padding: 10px;
}
.question.matrix.carousel > .answer-area .matrix-card.error,
.question.matrixMulti.carousel > .answer-area .matrix-card.error {
  border: solid #eb6c80;
}
.question.matrix.carousel > .answer-area .matrix-card.error > .matrix-instruction,
.question.matrixMulti.carousel > .answer-area .matrix-card.error > .matrix-instruction {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

body.dark-mode .question.matrix.carousel,
body.dark-mode .question.matrixMulti.carousel {
  background-color: #222222;
}
body.dark-mode .question.matrix.carousel > .answer-area,
body.dark-mode .question.matrixMulti.carousel > .answer-area {
  background-color: #222222 !important;
}
body.dark-mode .question.matrix.carousel > .answer-area .matrix-card,
body.dark-mode .question.matrixMulti.carousel > .answer-area .matrix-card {
  background-color: #3c3c3c;
}
body.dark-mode .question.matrix.carousel > .answer-area .matrix-card .matrix-instruction,
body.dark-mode .question.matrixMulti.carousel > .answer-area .matrix-card .matrix-instruction {
  background-color: #cccccc;
  color: #000;
}
body.dark-mode .question.matrix.carousel > .answer-area .matrix-card.error,
body.dark-mode .question.matrixMulti.carousel > .answer-area .matrix-card.error {
  border: solid #B30C12;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.question.matrixDropdown > .card-body .cafetery-wrap > div:first-of-type.opened {
  padding-left: 2px !important;
}
.question.matrixDropdown .d-grid .cafetery-wrap > div:first-of-type input {
  padding-left: 8px !important;
}

.question.multi .dropdown-container, .question.single .dropdown-container, .question.matrixDropdown .dropdown-container {
  padding: 3px;
  border: none;
}
@media (max-width: 992px) {
  .question.multi .dropdown-container, .question.single .dropdown-container, .question.matrixDropdown .dropdown-container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.question.multi .dropdown-container [class*=MenuList], .question.single .dropdown-container [class*=MenuList], .question.matrixDropdown .dropdown-container [class*=MenuList] {
  border: none;
  background-color: #F4F4F4;
}
.question.multi .dropdown-container [class*=multiValue] div + div:hover, .question.single .dropdown-container [class*=multiValue] div + div:hover, .question.matrixDropdown .dropdown-container [class*=multiValue] div + div:hover {
  background-color: #fff0c3;
}
.question.multi .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, .question.single .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, .question.matrixDropdown .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator {
  background-color: #cccccc;
}
.question.multi .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
.question.multi .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, .question.single .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
.question.single .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, .question.matrixDropdown .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
.question.matrixDropdown .dropdown-container .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg {
  color: #cccccc;
}
.question.multi .dropdown-container [class*=option], .question.single .dropdown-container [class*=option], .question.matrixDropdown .dropdown-container [class*=option] {
  min-height: 51px;
  box-shadow: none;
}
.question.multi .dropdown-container [class*=menu],
.question.multi .dropdown-container [class*=option], .question.single .dropdown-container [class*=menu],
.question.single .dropdown-container [class*=option], .question.matrixDropdown .dropdown-container [class*=menu],
.question.matrixDropdown .dropdown-container [class*=option] {
  border: none;
  background-color: #F4F4F4;
}
.question.multi .dropdown-container [class=menu], .question.single .dropdown-container [class=menu], .question.matrixDropdown .dropdown-container [class=menu] {
  box-shadow: 0px 0px 21px -4px rgb(66, 68, 90);
}
.question.multi .dropdown-container [class*=control], .question.single .dropdown-container [class*=control], .question.matrixDropdown .dropdown-container [class*=control] {
  min-height: 51px;
  border: none;
  background-color: #F4F4F4;
  box-shadow: none;
}
.question.multi .dropdown-container [class*=control]:hover, .question.single .dropdown-container [class*=control]:hover, .question.matrixDropdown .dropdown-container [class*=control]:hover {
  border: none;
}
.question.multi .dropdown-container [class*=option]:hover, .question.single .dropdown-container [class*=option]:hover, .question.matrixDropdown .dropdown-container [class*=option]:hover {
  background-color: #fff0c3;
}
.question.multi .dropdown-container [class=MenuList], .question.single .dropdown-container [class=MenuList], .question.matrixDropdown .dropdown-container [class=MenuList] {
  padding-top: 0;
  padding-bottom: 0;
}
.question.multi .answer-area, .question.single .answer-area, .question.matrixDropdown .answer-area {
  z-index: 99999999;
}
.question.multi #heat-map-area .cafetery-wrap, .question.single #heat-map-area .cafetery-wrap, .question.matrixDropdown #heat-map-area .cafetery-wrap {
  opacity: 0.85;
}
.question.multi #heat-map-area .cafetery-wrap:not(.active), .question.single #heat-map-area .cafetery-wrap:not(.active), .question.matrixDropdown #heat-map-area .cafetery-wrap:not(.active) {
  background-color: transparent;
}
.question.single .dropdown-container.selected .css-yk16xz-control,
.question.single .dropdown-container.selected .css-1pahdxg-control, .question.matrixDropdown .dropdown-container.selected .css-yk16xz-control,
.question.matrixDropdown .dropdown-container.selected .css-1pahdxg-control {
  color: black;
  background-color: #ffd962;
  font-weight: bold;
}
.question.single .dropdown-container.selected .css-yk16xz-control [class=IndicatorsContainer],
.question.single .dropdown-container.selected .css-1pahdxg-control [class=IndicatorsContainer], .question.matrixDropdown .dropdown-container.selected .css-yk16xz-control [class=IndicatorsContainer],
.question.matrixDropdown .dropdown-container.selected .css-1pahdxg-control [class=IndicatorsContainer] {
  color: black;
}
.question.single .dropdown-container.selected .css-yk16xz-control [class=IndicatorsContainer] > div,
.question.single .dropdown-container.selected .css-1pahdxg-control [class=IndicatorsContainer] > div, .question.matrixDropdown .dropdown-container.selected .css-yk16xz-control [class=IndicatorsContainer] > div,
.question.matrixDropdown .dropdown-container.selected .css-1pahdxg-control [class=IndicatorsContainer] > div {
  color: black;
}
.question.single .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, .question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator {
  background-color: black;
}
.question.single .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
.question.single .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, .question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
.question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg {
  color: black;
}
.question.single .dropdown-container.selected .css-9gakcf-option, .question.matrixDropdown .dropdown-container.selected .css-9gakcf-option {
  color: black;
  background-color: #ffd962;
}

body.dark-mode .question.matrixDropdown .dropdown-container [class*=multiValue], body.dark-mode .question.single.dropdown .dropdown-container [class*=multiValue], body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=multiValue], body.dark-mode .question.multi.dropdown .dropdown-container [class*=multiValue], body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=multiValue] {
  background-color: #101010;
  color: white;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=multiValue] > div, body.dark-mode .question.single.dropdown .dropdown-container [class*=multiValue] > div, body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=multiValue] > div, body.dark-mode .question.multi.dropdown .dropdown-container [class*=multiValue] > div, body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=multiValue] > div {
  color: white;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=multiValue] div + div:hover, body.dark-mode .question.single.dropdown .dropdown-container [class*=multiValue] div + div:hover, body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=multiValue] div + div:hover, body.dark-mode .question.multi.dropdown .dropdown-container [class*=multiValue] div + div:hover, body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=multiValue] div + div:hover {
  background-color: #90732c;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=MenuList], body.dark-mode .question.single.dropdown .dropdown-container [class*=MenuList], body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=MenuList], body.dark-mode .question.multi.dropdown .dropdown-container [class*=MenuList], body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=MenuList] {
  background-color: #222222;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=option], body.dark-mode .question.single.dropdown .dropdown-container [class*=option], body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=option], body.dark-mode .question.multi.dropdown .dropdown-container [class*=option], body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=option] {
  min-height: 51px;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=menu],
body.dark-mode .question.matrixDropdown .dropdown-container [class*=option], body.dark-mode .question.single.dropdown .dropdown-container [class*=menu],
body.dark-mode .question.single.dropdown .dropdown-container [class*=option], body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=menu],
body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=option], body.dark-mode .question.multi.dropdown .dropdown-container [class*=menu],
body.dark-mode .question.multi.dropdown .dropdown-container [class*=option], body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=menu],
body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=option] {
  background-color: #222222;
  color: #cccccc;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=control], body.dark-mode .question.single.dropdown .dropdown-container [class*=control], body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=control], body.dark-mode .question.multi.dropdown .dropdown-container [class*=control], body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=control] {
  background-color: #222222;
}
body.dark-mode .question.matrixDropdown .dropdown-container [class*=option]:hover, body.dark-mode .question.single.dropdown .dropdown-container [class*=option]:hover, body.dark-mode .question.single.dropdownFilter .dropdown-container [class*=option]:hover, body.dark-mode .question.multi.dropdown .dropdown-container [class*=option]:hover, body.dark-mode .question.multi.dropdownFilter .dropdown-container [class*=option]:hover {
  background-color: #90732c;
}
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, body.dark-mode .question.single.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, body.dark-mode .question.single.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, body.dark-mode .question.multi.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, body.dark-mode .question.multi.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator {
  background-color: #ffffff;
}
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, body.dark-mode .question.single.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.single.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, body.dark-mode .question.single.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.single.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, body.dark-mode .question.multi.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.multi.dropdown .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, body.dark-mode .question.multi.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.multi.dropdownFilter .dropdown-container.selected .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg {
  color: #ffffff;
}
body.dark-mode .question.single .css-1okebmr-indicatorSeparator, body.dark-mode .question.matrixDropdown .css-1okebmr-indicatorSeparator {
  background-color: #ffffff !important;
}
body.dark-mode .question.single .css-1hb7zxy-indicatorSeparator,
body.dark-mode .question.single .css-1okebmr-indicatorSeparator,
body.dark-mode .question.single .css-tlfecz-indicatorContainer, body.dark-mode .question.matrixDropdown .css-1hb7zxy-indicatorSeparator,
body.dark-mode .question.matrixDropdown .css-1okebmr-indicatorSeparator,
body.dark-mode .question.matrixDropdown .css-tlfecz-indicatorContainer {
  color: #ffffff;
}
body.dark-mode .question.single .css-1hb7zxy-indicatorSeparator > div,
body.dark-mode .question.single .css-1okebmr-indicatorSeparator > div,
body.dark-mode .question.single .css-tlfecz-indicatorContainer > div, body.dark-mode .question.matrixDropdown .css-1hb7zxy-indicatorSeparator > div,
body.dark-mode .question.matrixDropdown .css-1okebmr-indicatorSeparator > div,
body.dark-mode .question.matrixDropdown .css-tlfecz-indicatorContainer > div {
  color: #ffffff !important;
}
body.dark-mode .question.single .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator, body.dark-mode .question.matrixDropdown .css-1hb7zxy-IndicatorsContainer .css-1okebmr-indicatorSeparator {
  background-color: #ffffff;
}
body.dark-mode .question.single .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.single .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg, body.dark-mode .question.matrixDropdown .css-1hb7zxy-IndicatorsContainer .css-tlfecz-indicatorContainer svg,
body.dark-mode .question.matrixDropdown .css-1hb7zxy-IndicatorsContainer .css-1gtu0rj-indicatorContainer svg {
  color: #ffffff;
}
body.dark-mode .question.single .dropdown-container.selected .css-1uccc91-singleValue,
body.dark-mode .question.single .dropdown-container.selected .css-yk16xz-control,
body.dark-mode .question.single .dropdown-container.selected .css-1pahdxg-control, body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1uccc91-singleValue,
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-yk16xz-control,
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1pahdxg-control {
  color: #ffffff;
  background-color: #dfab00;
}
body.dark-mode .question.single .dropdown-container.selected .css-1uccc91-singleValue > div,
body.dark-mode .question.single .dropdown-container.selected .css-yk16xz-control > div,
body.dark-mode .question.single .dropdown-container.selected .css-1pahdxg-control > div, body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1uccc91-singleValue > div,
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-yk16xz-control > div,
body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-1pahdxg-control > div {
  color: #ffffff !important;
}
body.dark-mode .question.single .dropdown-container.selected .css-9gakcf-option, body.dark-mode .question.matrixDropdown .dropdown-container.selected .css-9gakcf-option {
  color: #ffffff;
  background-color: #dfab00;
}

.question > .card-body .textarea-resize-container .cafetery-wrap {
  margin-bottom: 0;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #fff;
  cursor: initial;
}
.question > .card-body .textarea-resize-container .cafetery-wrap:hover {
  background-color: #fff !important;
}

.question.datetime .answer-area {
  z-index: 9999999;
}
.question .textarea-resize-container {
  background-color: #fff;
}
.question .textarea-resize-container textarea.autosize,
.question .textarea-resize-container input.autosize {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 13px;
  padding-bottom: 13px;
  border: none;
  min-height: 50px;
  background-color: #F4F4F4;
  border-radius: 8px;
  outline: none;
}
.question .textarea-resize-container textarea.autosize:focus-visible,
.question .textarea-resize-container input.autosize:focus-visible {
  outline: none;
  border: none;
}
.question .textarea-resize-container textarea.autosize.valid,
.question .textarea-resize-container input.autosize.valid {
  background-color: #ffd962;
}
.question .textarea-resize-container textarea.autosize.error,
.question .textarea-resize-container input.autosize.error {
  border: solid;
  border-color: #eb6c80;
}
.question .textarea-resize-container textarea.autosize.resize-none,
.question .textarea-resize-container input.autosize.resize-none {
  resize: none;
}

.question.open .round-button-wrapper,
.question.multiOpen .round-button-wrapper {
  margin-right: 22px;
  margin-left: 22px;
  margin-top: 20px;
}

@media (max-width: 992px) {
  .question.open .round-button-wrapper,
  .question.multiOpen .round-button-wrapper {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
  }
  .question.open .answer-area .answer-area,
  .question.multiOpen .answer-area .answer-area {
    padding: 0;
  }
}
body.dark-mode .question > .card-body .textarea-resize-container .cafetery-wrap {
  background-color: #3c3c3c;
}
body.dark-mode .question > .card-body .textarea-resize-container .cafetery-wrap:hover {
  background-color: #3c3c3c !important;
}
body.dark-mode .textarea-resize-container {
  background-color: #3c3c3c;
}
body.dark-mode .textarea-resize-container textarea.autosize,
body.dark-mode .textarea-resize-container input.autosize {
  color: #cccccc;
  background-color: #1F1F1F;
}
body.dark-mode .textarea-resize-container textarea.autosize.error,
body.dark-mode .textarea-resize-container input.autosize.error {
  border-color: #B30C12;
}
body.dark-mode .textarea-resize-container textarea.autosize.valid,
body.dark-mode .textarea-resize-container input.autosize.valid {
  background-color: #dfab00;
  color: white;
}

.question.single.scale .card-body .cafetery-wrap i {
  min-width: 33px;
}
@media (min-width: 992px) {
  .question.single.scale .card-body .d-grid.scale-grid.columns-11 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-12 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-13 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-14 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-15 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-16 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-17 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-18 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-19 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-20 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-21 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-22 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-23 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-24 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-25 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-26 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-27 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-28 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-29 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-30 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-31 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-32 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-33 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-34 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-35 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-36 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-37 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-38 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-39 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-40 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-41 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-42 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-43 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-44 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-45 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-46 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-47 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-48 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-49 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-50 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-51 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-52 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-53 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-54 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-55 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-56 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-57 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-58 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-59 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-60 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-61 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-62 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-63 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-64 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-65 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-66 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-67 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-68 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-69 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-70 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-71 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-72 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-73 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-74 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-75 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-76 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-77 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-78 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-79 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-80 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-81 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-82 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-83 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-84 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-85 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-86 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-87 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-88 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-89 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-90 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-91 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-92 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-93 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-94 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-95 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-96 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-97 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-98 .grid-line {
    display: none;
  }
  .question.single.scale .card-body .d-grid.scale-grid.columns-99 .grid-line {
    display: none;
  }
}
.question.single.scale .card-body .d-grid.scale-grid .grid-line {
  top: initial;
  left: 4px;
  height: 1px;
  bottom: 52px;
  width: calc(100% - 8px);
}
.question.single.scale .card-body .d-grid.scale-grid .cafetery-wrap i {
  min-height: 52px;
}
.question.single.scale .card-body .d-grid.scale-grid .cafetery-wrap > div:first-of-type.opened {
  padding-left: 0px !important;
  padding: 0px !important;
}
.question.single.scale .card-body .d-grid.scale-grid .cafetery-wrap > div:first-of-type.opened > span {
  width: 100%;
}
.question.single.scale .card-body .d-grid.scale-grid .cafetery-wrap > div:nth-of-type(2).opened span.image-open-answer {
  display: none !important;
}

.question.multiOpen.datetime .valid input {
  font-weight: bold;
}
.question.multiOpen.datetime .valid .react-datepicker__close-icon::after {
  font-family: "Font Awesome 6 Pro";
  background-color: #ffd962;
  color: black;
  height: 30px;
  width: 30px;
  font-size: 21px;
  bottom: -15px;
  content: "\F056";
  font-weight: 900;
}

body.dark-mode .question.multiOpen .valid .react-datepicker__close-icon::after {
  background-color: #dfab00;
}

.question {
  z-index: 0;
  border: none;
  border-radius: 8px;
  margin-bottom: 25px;
  background: none;
}
.question h1, .question h2, .question h3, .question h4, .question h5, .question h6 {
  color: #121d2b;
}
.question.single .excluding-answer-area > div > div, .question.multi .excluding-answer-area > div > div, .question.ranked .excluding-answer-area > div > div, .question.multiOpen .excluding-answer-area > div > div, .question.open .excluding-answer-area > div > div {
  padding-left: 4px;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .question.ranked .excluding-answer-area > div > div {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.question.matrix.carousel .excluding-answer-area > div, .question.matrixMulti.carousel .excluding-answer-area > div {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 992px) {
  .question.matrix .excluding-answer-area > div, .question.matrixMulti .excluding-answer-area > div, .question.matrixDropdown .excluding-answer-area > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .question.has-instruction.matrixDropdown, .question.has-instruction.ranked, .question.has-instruction.matrix.table, .question.has-instruction.matrixMulti.table {
    background-color: white;
  }
}
.question.has-instruction.numeric, .question.has-instruction.numericMulti.dragAndDrop, .question.has-instruction.single, .question.has-instruction.multi, .question.has-instruction.scale, .question.has-instruction.open, .question.has-instruction.multiOpen, .question.has-instruction.basket, .question.has-instruction.nps {
  background-color: white;
}
.question .card-header {
  font-size: 22px;
  border-radius: 8px;
  background-color: #121d2b;
  font-weight: 700;
  z-index: -5;
}
.question .card-header .card-title {
  color: #fff;
  margin-bottom: 0;
}
.question .alert.instruction {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #3A3A3A;
  font-size: 18px;
  border-radius: 8px;
  bottom: calc(6px + 0.75rem);
  padding-top: calc(12px + 0.75rem);
  z-index: -6;
  position: relative;
}
.question .alert.success {
  background-color: #294161;
  border-color: #294161;
  color: #fff;
}
.question .validation-errors {
  background-color: #eb6c80 !important;
  color: #000;
  border: none;
  border-radius: 8px;
  bottom: calc(6px + 0.75rem);
  padding-top: calc(12px + 0.75rem);
  position: relative;
  font-weight: 500;
  z-index: -7;
}
.question .instruction + .validation-errors {
  bottom: calc(24px + 0.75rem);
}
.question h3.validation-header {
  color: #3FB7FF;
  font-weight: bold;
}
.question.validation-errors-exist h3.validation-header {
  color: #eb6c80;
}
.question > .card-body {
  font-size: 13px;
  background-color: white;
}
.question > .card-body.answer-area {
  z-index: 1;
  color: #3A3A3A;
  font-size: 16px;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 992px) {
  .question > .card-body.answer-area {
    padding-right: 8px;
    padding-left: 8px;
  }
}
.question > .card-body.answer-area > .overlay {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: visibility 0s, opacity 0.25s;
}
.question > .card-body.answer-area > .overlay.hidden {
  opacity: 0;
  visibility: hidden;
}
.question > .card-body.answer-area .cafetery-error {
  background-color: #eb6c80 !important;
  color: #000 !important;
}
.question > .card-body.answer-area .input-group .input-group-prepend i.fas, .question > .card-body.answer-area .input-group .input-group-prepend i.fa, .question > .card-body.answer-area .input-group .input-group-append i.fas, .question > .card-body.answer-area .input-group .input-group-append i.fa {
  color: #3A3A3A;
}
.question > .card-body .cafetery-wrap {
  padding: 0;
  color: #3A3A3A;
  background-color: #F4F4F4;
  margin-bottom: 15px;
  border-radius: 4px;
  transition: background-color 250ms, color 250ms;
}
.question > .card-body .cafetery-wrap:not(li) {
  overflow: hidden;
}
.question > .card-body .cafetery-wrap > span {
  width: 100%;
}
.question > .card-body .cafetery-wrap span.image-open-answer {
  padding-left: 14px;
  word-break: break-word;
}
.question > .card-body .cafetery-wrap > div:first-of-type, .question > .card-body .cafetery-wrap > span:first-of-type {
  padding: 14px;
}
.question > .card-body .cafetery-wrap > div:first-of-type i, .question > .card-body .cafetery-wrap > span:first-of-type i {
  padding-right: 14px;
}
.question > .card-body .cafetery-wrap > div:first-of-type.opened, .question > .card-body .cafetery-wrap > span:first-of-type.opened {
  padding: 2px;
  padding-left: 14px;
}
.question > .card-body .cafetery-wrap > div:first-of-type.opened input.form-control, .question > .card-body .cafetery-wrap > span:first-of-type.opened input.form-control {
  padding-left: 14px;
  border: none;
  background-color: #F4F4F4;
}
.question > .card-body .cafetery-wrap:not(.box):not(.statement):hover {
  background-color: #fff0c3;
  color: #3A3A3A;
}
.question > .card-body .cafetery-wrap:not(.box):not(.statement).active {
  background-color: #ffd962;
  color: #3A3A3A;
}
.question > .card-body .cafetery-wrap:not(.box):not(.statement).not-active {
  opacity: 0.5;
}
.question > .card-body .cafetery-wrap.statement {
  opacity: 1;
  background-color: #3FB7FF;
  color: #000;
}
.question > .card-body .cafetery-wrap.statement.animated {
  transition: opacity 0.5s;
}
.question > .card-body .cafetery-wrap.statement.changing {
  opacity: 0.01;
}
.question > .card-body .cafetery-wrap.box {
  padding: 0;
}
.question > .card-body .cafetery-wrap.box .header {
  font-size: 1.3em;
  font-weight: bold;
  color: #3A3A3A;
}
.question > .card-body .cafetery-wrap.box .cafetery {
  transition: background-color 250ms, color 250ms;
}
.question > .card-body .cafetery-wrap.box .cafetery:hover {
  background-color: #fff0c3;
  color: #3A3A3A;
}
.question > .card-body .cafetery-wrap.box .cafetery.active {
  background-color: #ffd962;
  color: #3A3A3A;
}
@media (max-width: 991.98px) {
  .question > .card-body .cafetery-wrap.box .cafetery:not(:last-child):after {
    content: "";
    width: 96%;
    height: 1px;
    position: absolute;
    display: block;
    background: #ccc;
    left: 2%;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .question > .card-body .cafetery-wrap.box .cafetery:not(:last-child):after {
    content: "";
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    display: block;
    background: #ccc;
    right: 0;
  }
}
.question > .card-body .cafetery-wrap img {
  max-width: 100%;
}
.question > .card-body .cafetery-wrap .img-wrap {
  text-align: center;
}
.question > .card-body .cafetery-wrap.cafetery-excluding {
  color: #3A3A3A;
  background-color: #F4F4F4;
}
.question > .card-body .cafetery-wrap.cafetery-excluding:not(.box):not(.statement):hover {
  background-color: #fff0c3;
  color: #000;
}
.question > .card-body .cafetery-wrap.cafetery-excluding:not(.box):not(.statement).active {
  background-color: #ffd962;
  color: #000;
}
.question > .card-body .table {
  color: #3A3A3A;
  text-align: center;
}
.question > .card-body .table thead tr th {
  text-align: center;
  vertical-align: middle;
}
.question > .card-body .table tbody tr td {
  transition: background-color 250ms, color 250ms;
}
.question > .card-body .table tbody tr td label:before {
  left: 3px;
}
.question > .card-body .table tbody tr td:first-child {
  text-align: right;
}
.question > .card-body .table tbody tr td:not(:first-child):hover {
  background-color: #fff0c3;
}
.question > .card-body .table tbody tr td:not(:first-child).active {
  background-color: #ffd962;
}
.question > .card-body .table tbody tr.is-invalid {
  outline: 1px solid red !important;
}
.question > .card-body .table .validation-error {
  background-color: #eb6c80;
  color: #000;
}
.question .far.fa-icon-radio-not-checked:before, .question .fas.fa-icon-radio-not-checked:before, .question .fa.fa-icon-radio-not-checked:before {
  content: "\F111";
  font-size: 20px;
}
.question .far.fa-icon-radio-checked:before, .question .fas.fa-icon-radio-checked:before, .question .fa.fa-icon-radio-checked:before {
  content: "\F192";
  font-size: 20px;
}
.question .far.fa-icon-checkbox-not-checked:before, .question .fas.fa-icon-checkbox-not-checked:before, .question .fa.fa-icon-checkbox-not-checked:before {
  content: "\F0C8";
  font-size: 20px;
}
.question .far.fa-icon-checkbox-checked:before, .question .fas.fa-icon-checkbox-checked:before, .question .fa.fa-icon-checkbox-checked:before {
  content: "\F00C";
  font-size: 20px;
}
.question .btn {
  font-size: 16px;
}
.question .btn-primary {
  background-color: #3FB7FF;
  border-color: #0ca4ff;
  color: #fff;
}
.question .btn-primary:not(:disabled):hover, .question .btn-primary:not(.disabled):hover {
  background-color: #16a8ff;
  border-color: #008de2;
  color: #fff;
}
.question .btn-primary:not(:disabled):active, .question .btn-primary:not(.disabled):active {
  background-color: #008de2;
  border-color: #006eaf;
  color: #fff;
}

body.dark-mode .question {
  background-color: #3c3c3c;
}
body.dark-mode .question > .card-body.answer-area > .overlay {
  opacity: 0.5;
}
body.dark-mode .question > .card-body {
  background-color: #101010;
}
body.dark-mode .question > .card-body.answer-area .cafetery-error {
  background-color: #B30C12 !important;
  color: #cccccc !important;
}
body.dark-mode .question .form-control {
  background-color: #222222;
  color: #8a8a8a;
}
body.dark-mode .question .alert.instruction {
  background-color: #42381b;
  border-color: #42381b;
  color: #8a8a8a;
}
body.dark-mode .question .validation-errors {
  background-color: #B30C12 !important;
  color: #cccccc !important;
}
body.dark-mode .question .card-header {
  color: #8a8a8a;
  background-color: #101010;
}
body.dark-mode .question .card-header .card-title {
  color: #8a8a8a;
}
body.dark-mode .question > .card-body.answer-area {
  background-color: #191919;
}
body.dark-mode .question > .card-body .cafetery-wrap {
  color: #8a8a8a;
  background-color: #101010;
}
body.dark-mode .question > .card-body .cafetery-wrap:not(.box):not(.statement):hover,
body.dark-mode .question > .card-body .cafetery-wrap:not(.box):not(.statement).active {
  color: #8a8a8a;
  background-color: #383838;
}
body.dark-mode .question .table-bordered th, body.dark-mode .question .table-bordered td {
  border-color: #8a8a8a;
}
body.dark-mode .question .table {
  color: #8a8a8a;
}
body.dark-mode .question .table tbody tr td:not(:first-child):hover {
  background-color: #90732c;
}
body.dark-mode .question .table tbody tr td:not(:first-child).active {
  background-color: #dfab00;
}
body.dark-mode .question .cafetery-wrap.box .cafetery:hover {
  background-color: #222222;
  color: #8a8a8a;
}
body.dark-mode .question .cafetery-wrap.box .cafetery.active {
  background-color: #222222;
  color: #8a8a8a;
}
body.dark-mode .question .cafetery-wrap.box .cafetery:not(:last-child):after {
  background: #ccc;
}
body.dark-mode .question .btn-primary {
  background-color: #101010;
  border-color: black;
  color: #8a8a8a;
}
body.dark-mode .question .btn-primary:not(:disabled):hover, body.dark-mode .question .btn-primary:not(.disabled):hover {
  background-color: black;
  border-color: black;
  color: #8a8a8a;
}
body.dark-mode .question .btn-primary:not(:disabled):active, body.dark-mode .question .btn-primary:not(.disabled):active {
  background-color: black;
  border-color: black;
  color: #8a8a8a;
}
body.dark-mode .question .rc-slider.error .rc-slider-rail {
  background-color: #B30C12;
}
body.dark-mode .question .rc-slider .rc-slider-rail {
  background-color: #101010;
}
body.dark-mode .question .rc-slider .rc-slider-handle {
  background-color: #cccccc;
}
body.dark-mode .question .rc-slider .rc-slider-track {
  background-color: #4e659e;
}

@media (max-width: 992px) {
  .question .btn-primary {
    padding: 12px 25px;
  }
}
.d-grid .grid-line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #000000;
  left: 51px;
}
@media (min-width: 992px) {
  .d-grid.columns-6 .mobile-input-wrapper, .d-grid.columns-4 .mobile-input-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .d-grid.columns-6 .mobile-input-wrapper > span, .d-grid.columns-4 .mobile-input-wrapper > span {
    width: 100%;
  }
  .d-grid.columns-6 .mobile-input-wrapper .d-flex.d-lg-none, .d-grid.columns-4 .mobile-input-wrapper .d-flex.d-lg-none {
    display: flex !important;
  }
  .d-grid.columns-6 .d-flex.opened > .d-none.d-lg-flex, .d-grid.columns-4 .d-flex.opened > .d-none.d-lg-flex {
    display: none !important;
  }
}
.d-grid .cafetery-wrap > div:first-of-type,
.d-grid .cafetery-wrap > span:first-of-type {
  padding: 6px 14px !important;
}
.d-grid .cafetery-wrap > div:first-of-type.opened,
.d-grid .cafetery-wrap > span:first-of-type.opened {
  padding: 2px !important;
  padding-left: 14px !important;
}
.d-grid .cafetery-wrap > div:first-of-type input,
.d-grid .cafetery-wrap > span:first-of-type input {
  padding: 2px !important;
  padding-left: 14px !important;
}

@media (max-width: 992px) {
  .mobile-input-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .mobile-input-wrapper > span {
    width: 100%;
  }
}

.rounded-button {
  border-radius: 25px;
  height: 51px;
  background-color: #121d2b;
  border: none !important;
  color: white;
  text-transform: uppercase;
}
.rounded-button.gray {
  background-color: #3A3A3A;
  color: #ffffff;
}
.rounded-button.active {
  background-color: #3fb7ff;
  color: #000000;
}
.rounded-button.disabled {
  background-color: #cccccc;
}
.rounded-button.disabled.gray {
  pointer-events: none;
  color: black;
}
.rounded-button.disabled-clickable {
  background-color: #cccccc;
  color: #ffffff;
}
.rounded-button.exact-width {
  max-width: 51px;
}
.rounded-button.ellipsis {
  white-space: nowrap;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rounded-button.blue {
  background-color: #4a68a6;
}
.rounded-button.lowercase {
  text-transform: initial;
}
.rounded-button:focus-visible {
  border: none;
  outline: none;
}
.rounded-button > i {
  font-size: 24px;
  position: relative;
  top: 2px;
}

@media (min-width: 992px) {
  .card-padding {
    padding-left: 22px;
    padding-right: 22px;
  }
}
body.dark-mode {
  background-color: #222222;
}
body.dark-mode .block-name {
  background-color: #3c3c3c;
  color: #8a8a8a;
}
body.dark-mode .survey-name {
  color: #8a8a8a;
}
body.dark-mode .loading-text {
  color: #8a8a8a;
}
body.dark-mode .progress .progress-bar {
  background-color: #4e659e;
}
body.dark-mode #main-progress {
  background-color: #101010;
}
body.dark-mode .headerCard, body.dark-mode .footerCard {
  background-color: #3c3c3c;
  color: #8a8a8a;
}
body.dark-mode header .fa-exclamation-circle {
  color: #cccccc;
}
body.dark-mode header {
  background-color: #222222;
}
body.dark-mode .invitation-text,
body.dark-mode .ending-text {
  color: white;
}
body.dark-mode .card.invitation-card {
  color: #8a8a8a;
  background-color: #3c3c3c;
}
body.dark-mode .card.invitation-card .invitation-text {
  background-color: #3c3c3c;
  color: #8a8a8a;
}
body.dark-mode .card.ending-card {
  background-color: #3c3c3c;
  color: #8a8a8a;
}
body.dark-mode .card.ending-card .ending-text {
  background-color: #3c3c3c;
  color: #8a8a8a;
}
@media (min-width: 992px) {
  body.dark-mode .question.has-instruction.matrixDropdown, body.dark-mode .question.has-instruction.ranked, body.dark-mode .question.has-instruction.matrix.table, body.dark-mode .question.has-instruction.matrixMulti.table {
    background-color: #3c3c3c;
  }
}
body.dark-mode .question.has-instruction.numeric, body.dark-mode .question.has-instruction.numericMulti.dragAndDrop, body.dark-mode .question.has-instruction.numericMulti.basket, body.dark-mode .question.has-instruction.single, body.dark-mode .question.has-instruction.multi, body.dark-mode .question.has-instruction.scale, body.dark-mode .question.has-instruction.open, body.dark-mode .question.has-instruction.multiOpen, body.dark-mode .question.has-instruction.basket, body.dark-mode .question.has-instruction.nps {
  background-color: #3c3c3c;
}
body.dark-mode .question h3.validation-header {
  color: #4e659e;
}
body.dark-mode .question.validation-errors-exist h3.validation-header {
  color: #B30C12;
}
body.dark-mode .question > .card-header {
  background-color: #4e659e;
}
body.dark-mode .question > .card-header p {
  color: #ffffff;
}
body.dark-mode .question > .card-body.answer-area {
  background-color: #3c3c3c;
  color: #3A3A3A;
}
body.dark-mode .question > .card-body.answer-area .input-group .input-group-prepend i.fas, body.dark-mode .question > .card-body.answer-area .input-group .input-group-prepend i.fa, body.dark-mode .question > .card-body.answer-area .input-group .input-group-append i.fas, body.dark-mode .question > .card-body.answer-area .input-group .input-group-append i.fa {
  color: #3A3A3A;
}
body.dark-mode .question > .card-body .cafetery-wrap {
  background-color: #222222;
  color: #8a8a8a;
}
body.dark-mode .question > .card-body .cafetery-wrap:not(.box):not(.statement):hover {
  background-color: #90732c;
  color: #cccccc;
}
body.dark-mode .question > .card-body .cafetery-wrap:not(.box):not(.statement).active {
  background-color: #dfab00;
  color: #ffffff;
}
body.dark-mode .alert {
  background-color: #101010 !important;
  border-color: #101010 !important;
  color: #8a8a8a !important;
}
body.dark-mode .rate-button {
  color: #8a8a8a;
  background-color: #222222;
  border-color: #222222;
}
body.dark-mode .navigation .btn-prev {
  color: #cccccc;
  background-color: #3c3c3c;
}
body.dark-mode .navigation .btn-prev:hover {
  background-color: #3c3c3c;
  color: #ffffff;
}
body.dark-mode .navigation .btn-clear {
  color: #cccccc;
  background-color: #3c3c3c;
}
body.dark-mode .navigation .btn-clear:hover {
  background-color: #3c3c3c;
  color: #ffffff;
}
body.dark-mode .navigation .btn-next,
body.dark-mode .navigation .btn-start {
  color: #fff;
  background-color: #5067A1;
}
body.dark-mode .navigation .btn-next:hover,
body.dark-mode .navigation .btn-start:hover {
  background-color: #5067A1;
  color: #fff;
}
body.dark-mode .d-grid .grid-line {
  background-color: #8a8a8a;
}
body.dark-mode .question > .card-body .cafetery-wrap > div:first-of-type.opened input.form-control {
  color: #7F7F7F;
  background-color: #1F1F1F;
}
body.dark-mode .pause-contact-container {
  color: #cccccc;
}
body.dark-mode .color-default {
  color: #cccccc;
}
body.dark-mode .cards-container {
  background-color: #222222;
}
body.dark-mode .card-container {
  background-color: #3c3c3c;
}
body.dark-mode .card-container.error {
  border-color: #B30C12;
}
body.dark-mode .rounded-button {
  background-color: #101010;
}
body.dark-mode .rounded-button.gray {
  background-color: #101010;
  color: #ffffff;
}
body.dark-mode .rounded-button.active {
  background-color: #4e659e;
  color: #ffffff;
}
body.dark-mode .rounded-button.disabled {
  background-color: #222222;
}
body.dark-mode .rounded-button.disabled-clickable {
  background-color: #4e659e;
  color: #ffffff;
}
body.dark-mode .rounded-button.blue {
  background-color: #4e659e;
}
body.dark-mode .answer-area.excluding-answer-area .cafetery-wrap {
  background-color: #222222 !important;
  color: #8a8a8a !important;
}
body.dark-mode .answer-area.excluding-answer-area .cafetery-wrap:hover {
  background-color: #90732c !important;
  color: #cccccc !important;
}
body.dark-mode .answer-area.excluding-answer-area .cafetery-wrap.active {
  background-color: #dfab00 !important;
  color: #ffffff !important;
}
body.dark-mode .answer-area.excluding-answer-area .cafetery-wrap.active:hover {
  background-color: #dfab00 !important;
  color: #ffffff !important;
}

body.dark-mode .question > .card-body .cafetery-wrap.standalone-input.error {
  background-color: #B30C12;
}

.image {
  text-align: center;
}
.image.image-style-side {
  float: right;
  text-align: initial;
}

html, body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

h1 {
  font-size: 20px;
}

h2, .h2 {
  font-size: 13px;
}

h3, .h3 {
  font-size: 13px;
}

h4, .h4 {
  font-size: 12px;
}

h5, h5 {
  font-size: 11px;
}

img {
  max-width: 100%;
}

.top-0 {
  top: 0;
}

.pointer, .cafetery-wrap, .answer {
  cursor: pointer;
}

.flex-direction-column {
  flex-direction: column;
}

.stackContainer {
  min-height: 100px;
}
.stackContainer .elementsContainer {
  width: 350px;
  margin: 0 auto;
}
.stackContainer .elementsContainer .stackElement {
  position: absolute;
  width: 85%;
  max-width: 350px;
}
.stackContainer .elementsContainer .stackElement:nth-child(1) {
  z-index: 9;
}
.stackContainer .elementsContainer .stackElement:nth-child(2) {
  z-index: 7;
  opacity: 0.6;
  transform: translate(1%, 10%);
}
.stackContainer .elementsContainer .stackElement:nth-child(3) {
  z-index: 6;
  opacity: 0.5;
  transform: translate(2%, 20%);
}
.stackContainer .elementsContainer .stackElement:nth-child(4) {
  z-index: 5;
  opacity: 0.4;
  transform: translate(3%, 30%);
}
.stackContainer .elementsContainer .stackElement:nth-child(n+5) {
  display: none;
}

@media (max-width: 768px) {
  .elementsContainer {
    flex-direction: column;
  }
}
.img-30 img {
  max-height: 30px !important;
  max-width: 30px !important;
  width: auto !important;
  height: auto !important;
}

.img-20 img {
  max-height: 20px !important;
  max-width: 20px !important;
  width: auto !important;
  height: auto !important;
}

.sortable-ghost {
  opacity: 0;
}

.validation-errors {
  background-color: #eb6c80;
  color: #000;
}

.tooltip-inner {
  max-width: 500px;
}

.forceAlignCenter span, .forceAlignCenter p, .forceAlignCenter td {
  text-align: center !important;
}

/*# sourceMappingURL=main.5f112e18aa7f2686505b.css.map*/