/****************************************
Used on answers / open day pages
****************************************/

body {
  margin: 0;
}

.wFormContainer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  max-width: 100%;
}

.wFormContainer .wFormHeader {
  display: none;
}

.wForm,
.wFormContainer .wForm form {
  padding: 0;
}

.wFormContainer .wForm .wFormTitle {
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 !important;
  margin: 0 0 40px 0;
  font-size: 32px;
  line-height: 1.25;
  color: #181d3d;
  border: 0 solid transparent;
}

.wfProgressBarWrapper {
  background-color: rgba(239, 237, 236, 1);
  width: 100%;
  margin: 0 0 3rem 0 !important;
  border-radius: 8px;
}

.wfProgressBar {
  height: 24px;
  padding: 0 0.4em !important;
  text-align: right;
  color: #fff;
  background-color: rgba(48, 79, 254, 1);
  border-radius: 8px 0 0 8px;
}

.wFormContainer .wForm .htmlSection h4,
.wFormContainer .wForm .section.pageSection>h4 {
  font-size: 24px;
  line-height: 1.33;
  color: #181d3d;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 16px 0;
}

.wForm .pageSection>h4 {
  border: 0;
  padding: 0;
}

.wFormContainer .htmlSection {
  margin: 0 0 8px;
}

.wForm .htmlSection {
  overflow: auto;
  border: 0 solid transparent;
  padding: 0;
}

.htmlSection .htmlContent {
  color: rgba(24, 29, 61, 1) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5;
}

div.disclaimer {
  background-color: #F4F3F2;
  padding: 16px;
  border-radius: 8px;
  margin-top: 24px;
}

.disclaimer p {
  color: #181d3d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 16px;
}

.disclaimer p:last-child {
  margin: 0;
}

.disclaimer a {
  color: #304FFE;
  text-decoration: underline;
}

.disclaimer a:hover {
  text-decoration: none;
}

.wForm .reqMark:after {
  color: #fb3640;
}

.wFormContainer .errMsg {
  color: #fb3640;
}

.wForm .group>div.oneField:nth-child(2) .inputWrapper {
  margin-right: 0;
}

.wForm .inputWrapper {
  margin: 0 32px 16px 0;
}

.wForm div>div.oneField {
  margin-top: 0;
}

#tfa_2893-D #tfa_2893-L,
#tfa_2893-D br {
  display: none;
}

#tfa_2893-D {
  vertical-align: bottom;
}

.wForm .oneField {
  border: 0 solid transparent;
  padding: 0;
  box-sizing: border-box;
}

.oneField .label span,
.wFormContainer .label.preField,
.wFormContainer .oneChoice .label.postField {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4;
}

.oneField .label span,
.wFormContainer .label.preField {
  padding: 0 0 8px 0;
  color: #181d3d !important;
  margin: 24px 0 0 0;
  min-width: 100%;
}

.wFormContainer .oneChoice .label.postField {
  vertical-align: top !important;
  margin: 4px 16px 0 8px;
  color: #181d3d;
}

.wForm div.section>.preField {
  font-size: 16px !important;
  color: rgba(24, 29, 61, 1) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  padding: 0;
  margin: 24px 0 0;
  font-weight: 700;
}

.wFormContainer .group>.label {
  margin: 24px 0 16px;
}

.wForm .hintsBelow .field-hint .hint,
.wForm .hintsBelow .field-hint-inactive .hint {
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}

.wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id],
.wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-json] {
  padding-left: 30px;
  padding-right: 25px;
}

.wForm .tt-search {
  color: #181d3d;
  left: 12px;
}

.wForm div .tt-hint {
  margin: 0;
  padding: 0;
  margin-top: 0;
}

.wForm .tt-spinner {
  top: 12px;
  right: 24px;
}

.wForm div .tt-menu {
  line-height: 1.5em;
  max-height: calc(1.5em * 9.5);
  overflow-y: auto;
  background-color: #F4F3F2;
}

.wFormContainer .wForm .inputWrapper input[type="file"],
.wFormContainer .wForm .inputWrapper input[type="password"],
.wFormContainer .wForm .inputWrapper input[type="text"],
.wFormContainer .wForm .inputWrapper select:not([multiple]) {
  font-family: Arial, Helvetica, sans-serif;
  color: #181d3d;
  border: 0 solid #F4F3F2;
  border-radius: 8px;
  font-size: 16px;
  background-color: #F4F3F2 !important;
  height: 40px;
  width: 266px;
  padding: 0 8px;
}

.wForm textarea {
  width: 368px;
  padding: 8px;
  background-color: #F4F3F2;
  color: #181d3d;
  border: none;
  border-radius: 8px;
  height: 72px;
}

.wFormContainer .wForm .inputWrapper .oneChoice input[type="checkbox"],
.wFormContainer .wForm .inputWrapper .oneChoice input[type="radio"] {
  height: 24px;
  width: 24px;
  margin-bottom: 0;
}

.wForm table.columnLayout .inputWrapper {
  margin-right: 24px;
}

.wForm table.columnLayout .inputWrapper #tfa_2886,
.wForm table.columnLayout .inputWrapper #tfa_2887 {
  width: 50px;
}

.wForm table.columnLayout .inputWrapper #tfa_2889 {
  width: 84px;
}

.wFormContainer .wForm .inputWrapper select option {
  padding: 8px 16px;
  font-family: Arial, Helvetica, sans-serif !important;
}

.wFormContainer .wForm .inputWrapper select option:hover {
  cursor: pointer;
  color: #fff !important;
  background-color: rgba(130, 149, 254, 1);
}

.wForm form .wfPagingButtons {
  display: inline-block;
  border: 0 solid transparent;
  padding: 0;
  float: right;
  width: auto;
  margin: 0;
}

.wForm .actions,
.wForm .actions.multipage {
  display: inline-block;
  width: auto;
  float: right;
  border: 0 solid transparent;
  padding: 0;
  margin: 0;
}

.wForm .primaryAction:hover,
.wFormContainer .wfPagingButtons .wfPageNextButton:hover {
  background-color: rgba(48, 79, 254, 1);
  transition: opacity 0.4s ease 0s;
  text-decoration: none;
  opacity: 0.6;
}

.wFormContainer .wfPagingButtons .wfPagePreviousButton:hover {
  transition: opacity 0.4s ease 0s;
  text-decoration: none;
  opacity: 0.6;
  color: #0A1E59;
}

.wForm .primaryAction, #submit_button,
.wFormContainer .wfPagingButtons .wfPageNextButton,
.wFormContainer .wfPagingButtons .wfPagePreviousButton {
  margin-top: 40px;
  padding: 16px 32px;
  border: none;
  font-size: 16px;
  font-family: 'humnst777_lt', sans-serif;
  -webkit-appearance: none;
  border-radius: 8px;
}

.wForm .primaryAction,#submit_button,
.wFormContainer .wfPagingButtons .wfPageNextButton {
  background-color: rgba(48, 79, 254, 1);
  color: #fff;
}

.wFormContainer .wfPagingButtons .wfPagePreviousButton {
  background-color: #fff;
  border: 1px solid #304FFE;
  color: #304FFE;
}

.wForm .wfPageNextButton {
  margin: 0 0 0 32px;
}

.wForm .wfPagePreviousButton {
  margin: 0;
}

.last-page-previous-button {
  position: absolute;
  right: 166px;
}

.wForm .pageSection {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(224, 229, 255, 1);
}

@media only screen and (max-width: 600px) {
  .wFormContainer .wForm .wFormTitle {
    font-size: 24px;
    line-height: 1.33;
    margin: 0 0 32px 0;
  }

  .wfProgressBarWrapper {
    margin: 0 0 2rem 0 !important;
  }

  .wFormContainer .wForm .section.pageSection>h4 {
    font-size: 20px;
    line-height: 1.4;
  }

  .wForm .inputWrapper {
    margin: 0 0 16px 0;
    display: block;
  }

  .wFormContainer .wForm .inputWrapper input[type="password"],
  .wFormContainer .wForm .inputWrapper input[type="text"],
  .wFormContainer .wForm .inputWrapper select,
  .wFormContainer .wForm .inputWrapper textarea {
    width: calc(100% - 16px);
  }

  .wForm .primaryAction,
  .wFormContainer .wfPagingButtons .wfPageNextButton,
  .wFormContainer .wfPagingButtons .wfPagePreviousButton {
    margin-top: 32px;
    padding: 8px 16px;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius: 20px;
    min-width: 120px;
  }

  .twitter-typeahead {
    display: block !important;
  }

  .wForm .inline div.oneField {
    display: block;
  }

  .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id] {
    width: calc(100% - 55px);
  }

  .last-page-previous-button {
    position: absolute;
    right: 152px;
  }

  .wForm .wFormThankYou h2 {
    color: wFormThankYou;
  }