:root {
  --eg-body-bg-color: #CCCCCC;
  --eg-body-bg-image-opacity: 1;
  --eg-body-bg-image: url("176157365568ff7b17b6298.jpg");
  --eg-container-bg-color: #ffffff;
  --eg-container-bg-color-contrast: #000;
  --eg-nav-bg-color: #3864bd;
  --eg-progress-bar-bg-color: #1e77C2;
  --eg-title-color: #1e77c2;
  --eg-title-font-size: 26px;
  --eg-title-font-weight: bold;
  --eg-title-font-family: Roboto, Helvetica Neue, sans-serif;
  --eg-question-margin-top: 0px;
  --eg-question-font-size: 18px;
  --eg-question-font-familly: Arial, Helvetica, Liberation Sans, FreeSans, sans-serif;
  --eg-question-font-weight: normal;
  --eg-question-color: #1E77C2;
  --eg-block-color: #1E77C2;
  --eg-block-bg-color: #D4E7F6;
  --eg-block-color-hover: #000;
  --eg-block-bg-color-hover: #daebf7;
  --eg-block-bg-color-shade: #b4c4d1;
  --eg-block-bg-color-shade-2: #b8c8d5;
  --eg-block-bg-color-shade-3: #9fadb9;
  --eg-block-bg-color-shade-4: #7f8b94;
  --eg-primary-color: #3864bd;
  --eg-primary-color-rgb: 56, 100, 189;
  /* deprecated */
  --eg-primary-color-contrast: #fff;
  --eg-primary-color-shade: #3055a1;
  --eg-checkbox-color: #1E77C2;
  --eg-checkbox-color-contrast: #fff;
  --eg-logo-size: 100%;
}
.questionnaire-block:not(.btn-success):not(.btn-danger), .bootstrap-select > button.dropdown-toggle, .bootstrap-select {
  --bs-btn-color: #1E77C2;
  --bs-btn-bg: #D4E7F6;
  --bs-btn-border-color: #b4c4d1;
  --bs-btn-hover-color: #1E77C2;
  --bs-btn-hover-bg: #9cb2de;
  --bs-btn-hover-border-color: #bccad6;
  --bs-btn-focus-shadow-rgb: 158, 184, 207;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3864bd;
  --bs-btn-active-border-color: #bccad6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #D4E7F6;
  --bs-btn-disabled-border-color: #b4c4d1;
}
.questionnaire-nav-btn {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3864bd;
  --bs-btn-border-color: #3864bd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3055a1;
  --bs-btn-hover-border-color: #2d5097;
  --bs-btn-focus-shadow-rgb: 86, 123, 199;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2d5097;
  --bs-btn-active-border-color: #2a4b8e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3864bd;
  --bs-btn-disabled-border-color: #3864bd;
}
body {
  position: relative;
  background-color: #CCCCCC;
  color: #1E77C2;
}
body:before {
  content: " ";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: var(--eg-body-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}
body > div:first-child {
  position: relative;
}
#questionnaire_container {
  width: 970px;
  max-width: 100%;
  margin: auto;
}
@media (min-width: 576px) {
  #questionnaire_container {
    padding-top: 75px;
  }
}