@charset "UTF-8";
/*
Author: Housing Online
Description: R3
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Elements
# Modules

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.fhv2 * {
  box-sizing: border-box;
}

body.fhv2-repo {
  font-size: 1em;
  line-height: 1.5em;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fhv2 button,
.fhv2 input,
.fhv2 select,
.fhv2 textarea {
  font-size: 1em;
  line-height: 1.5em;
  font-style: normal !important;
}

.fhv2 fieldset {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
}

.fhv2.has-fieldset > .group {
  padding: 1em 1em 0 1em;
}
.fhv2.has-fieldset > .group fieldset {
  padding: 0;
}

.fhv2 .group fieldset.field-container {
  border: 0;
  padding: 0;
}

.fhv2 .group.is-expandable .wrapper > fieldset {
  margin-bottom: 1em;
}

.fhv2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333;
}

.fhv2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
}

.fhv2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}

.fhv2 :-moz-placeholder {
  /* Firefox 18- */
  color: #333;
}

.fhv2 input:focus,
.fhv2 textarea:focus,
.fhv2 select:focus {
  outline: 3px solid #005ea5;
  outline-offset: -3px;
}

.fhv2 .description p {
  margin: 0 0 1.5em 0;
}

.fhv2 .field-container {
  margin-bottom: 2em;
}

.fhv2 .field-label {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.5em;
  display: inline-block;
}
.fhv2 .field-label .is-ajax-loader {
  color: #333;
  margin-left: 0.5em;
}

.fhv2 .field-notes {
  font-size: 0.875em;
  margin-bottom: 0.5em;
  font-weight: 400;
}

.fhv2 .optional {
  font-weight: normal;
}

.fhv2 .chars-left {
  color: #333;
  font-size: 0.875em;
  margin-top: 0.5em;
}
.fhv2 .chars-left.is-negative {
  color: #d0021b;
}

.fhv2 .field-error {
  color: #d0021b;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.fhv2 .field-error i {
  margin-right: 0.25em;
}

.fhv2 .error-summary {
  border: 3px solid #d0021b;
  font-weight: 700;
  margin-bottom: 1.5em;
  padding: 1em;
}
.fhv2 .error-summary:focus {
  outline: 3px solid #005ea5;
}
.fhv2 .error-summary h2 {
  margin: 0 0 0.5em 0;
}
.fhv2 .error-summary .errors {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.fhv2 .error-summary .errors li {
  margin-bottom: 0.25em;
}
.fhv2 .error-summary .errors li:last-of-type {
  margin-bottom: 0;
}
.fhv2 .error-summary .errors a {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:visited {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:hover, .fhv2 .error-summary .errors a:focus, .fhv2 .error-summary .errors a:active {
  color: #000;
}

.fhv2.is-compact .field-error {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.fhv2.is-compact input.is-error,
.fhv2.is-compact textarea.is-error,
.fhv2.is-compact select.is-error {
  outline: 3px solid #d0021b;
}

.fhv2 .hidden {
  display: none;
}

.fhv2 .no-visible-elements {
  display: none;
}

.fhv2 .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

.input-width-20 {
  max-width: 41ex;
}

.input-width-10 {
  max-width: 23ex;
}

.input-width-5 {
  max-width: 10.8ex;
}

.input-width-4 {
  max-width: 9ex;
}

.input-width-3 {
  max-width: 7.2ex;
}

.input-width-2 {
  max-width: 5.4ex;
}

.input-width-full {
  width: 100% !important;
}

@media screen and (min-width: 37.5em) {
  .input-width-three-quarters {
    width: 75% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-two-thirds {
    width: 66.66% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-half {
    width: 50% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-one-third {
    width: 33.33% !important;
  }
}

@media screen and (min-width: 37.5em) {
  .input-width-one-quarter {
    width: 25% !important;
  }
}

.fhv2 input {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
}

.fhv2 input[type=text] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=email] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=search] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=tel] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 input[type=url] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

@media screen and (min-width: 20.625em) {
  .fhv2 .password-field .field-wrapper {
    align-items: center;
    display: flex;
  }
}
@media screen and (min-width: 20.625em) {
  .fhv2 .password-field .field-wrapper button {
    margin-top: 0;
    margin-left: 0.5em;
  }
}

.fhv2 input[type=password] {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}
.fhv2 input[type=password]:-ms-reveal {
  display: none;
}

.fhv2 input[name=numeric] {
  max-width: 9ex;
}

.fhv2 *[disabled=disabled] {
  background: #ccc;
  color: #333;
  -webkit-text-fill-color: #333;
  opacity: 1; /* required on iOS */
  cursor: not-allowed;
}

.fhv2 select {
  border: 1px solid #ccc;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 textarea {
  border: 1px solid #ccc;
  display: block;
  font-size: 1em;
  padding: 0.5em;
  width: 100%;
}

.fhv2 .radio-controls .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .radio-controls .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .radio-controls label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .radio-controls input[type=radio] {
  float: left;
}
@media screen and (min-width: 20em) {
  .fhv2 .radio-controls.is-horizontal .field-wrapper {
    float: left;
    margin-right: 1.25em;
  }
}

@media screen and (min-width: 48em) {
  .radio-controls.two-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.two-columns .control-group .field-wrapper {
    width: 50%;
  }
}

.radio-controls.two-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .radio-controls.two-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.two-columns .control-group > .is-optgroup .field-wrapper {
    width: 50%;
  }
}

@media screen and (min-width: 48em) {
  .radio-controls.three-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.three-columns .control-group .field-wrapper {
    width: 33%;
  }
}

.radio-controls.three-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .radio-controls.three-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .radio-controls.three-columns .control-group > .is-optgroup .field-wrapper {
    width: 33%;
  }
}

.fhv2 .is-optgroup {
  padding: 1em !important;
}
.fhv2 .is-optgroup .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .is-optgroup .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .is-optgroup label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .is-optgroup input[type=radio] {
  float: left;
}

.fhv2 .checkbox-controls .field-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5em;
}
.fhv2 .checkbox-controls .field-wrapper:last-of-type {
  margin-bottom: 0;
}
.fhv2 .checkbox-controls label {
  display: block;
  margin-left: 0.5em;
}
.fhv2 .checkbox-controls input[type=checkbox] {
  float: left;
  flex: none;
}
@media screen and (min-width: 20em) {
  .fhv2 .checkbox-controls.is-horizontal .field-wrapper {
    float: left;
    margin-right: 1.25em;
  }
}

@media screen and (min-width: 48em) {
  .checkbox-controls.two-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.two-columns .control-group .field-wrapper {
    width: 50%;
  }
}

.checkbox-controls.two-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .checkbox-controls.two-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.two-columns .control-group > .is-optgroup .field-wrapper {
    width: 50%;
  }
}

@media screen and (min-width: 48em) {
  .checkbox-controls.three-columns .control-group {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.three-columns .control-group .field-wrapper {
    width: 33%;
  }
}

.checkbox-controls.three-columns .control-group > .is-optgroup {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .checkbox-controls.three-columns .control-group > .is-optgroup {
    display: flex;
    flex-wrap: wrap;
  }
  .checkbox-controls.three-columns .control-group > .is-optgroup .field-wrapper {
    width: 33%;
  }
}

.fhv2 .datetime-field label {
  display: none;
}
.fhv2 .datetime-field .field-wrapper {
  display: inline-block;
}
.fhv2 .datetime-field input {
  margin-right: 0.5em;
}

.fhv2 .quickdate-field label {
  display: none;
}
.fhv2 .quickdate-field .field-wrapper {
  display: inline-block;
  width: auto;
}
.fhv2 .quickdate-field input {
  margin-right: 0.5em;
}
.fhv2 .quickdate-field .is-day,
.fhv2 .quickdate-field .is-month {
  max-width: 7.2ex;
}
.fhv2 .quickdate-field .is-year {
  max-width: 9ex;
}

.fhv2 .monthyear-field label {
  display: none;
}
.fhv2 .monthyear-field .field-wrapper {
  margin-bottom: 1em;
  width: 100%;
}
.fhv2 .monthyear-field .field-wrapper:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .fhv2 .monthyear-field .field-wrapper {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }
  .fhv2 .monthyear-field .field-wrapper:first-of-type {
    margin-right: 0.5em;
  }
}

.fhv2 .is-stepper input::-webkit-outer-spin-button,
.fhv2 .is-stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.fhv2 .is-stepper input[type=number] {
  margin: 0 0.5em;
}
.fhv2 .is-stepper button {
  margin: 0;
}

.fhv2 input[type=number] {
  -moz-appearance: textfield;
}

.fhv2 .autocomplete {
  position: relative;
}
.fhv2 .autocomplete i {
  font-size: 1.25em;
  cursor: pointer;
  position: absolute;
  right: 0;
  padding: 0.625em 0.5em 0.5em;
}
.fhv2 .autocomplete [role=listbox] {
  max-height: 9.5em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}
.fhv2 .autocomplete [role=listbox] li {
  cursor: pointer;
  padding: 0.25em 0.5em;
}
.fhv2 .autocomplete [role=listbox] li:hover {
  background-color: #ccc;
  border-color: #ccc;
}
.fhv2 .autocomplete [aria-selected=true] {
  background-color: #005ea5;
  border-color: #005ea5;
  color: #ffffff;
}
.fhv2 .autocomplete .is-no-results {
  cursor: not-allowed;
}

.fhv2 .is-gender-field .is-blank-option {
  display: inline-block;
}
.fhv2 .is-gender-field label {
  display: inline-block;
  margin-top: 0.5em;
}
.fhv2 .is-gender-field label .field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.fhv2 .is-gender-field label .field-wrapper input {
  margin-right: 0.5em;
}
.fhv2 .is-gender-field label .field-wrapper label {
  width: 100%;
}

.fhv2 .group.is-repeater .is-repeated {
  background: #eee;
  margin-bottom: 1em;
  padding: 1em 1em 1em 1em;
}
.fhv2 .group.is-repeater .is-repeated > *:last-child {
  margin-bottom: 0;
}
.fhv2 .group.is-repeater .is-repeated .description > *:last-child {
  margin-bottom: 0;
}

.fhv2 .range-inner-wrapper .label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #333;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  line-height: normal;
  margin: 0.5em auto 0 auto;
  padding: 0.25em 0.5em 0.5em 0.5em;
  width: 100px;
}
.fhv2 .range-inner-wrapper .label input[type=text] {
  background: #333;
  border: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  padding: 3px;
  outline: none;
}
.fhv2 .range-inner-wrapper .label.is-moving {
  position: relative;
  margin-left: -50px;
}
.fhv2 .range-inner-wrapper .label.is-moving:after {
  content: "";
  position: absolute;
  border-color: #333 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  bottom: -8px;
  display: block;
  left: 50%;
  margin-left: -8px;
  width: 0;
  z-index: 1;
}
.fhv2 .range-inner-wrapper input[type=range] {
  -webkit-appearance: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 3px;
  background: #ccc;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  margin: 1.5em 0 0.5em 0;
  border: none;
  padding: 0;
}
.fhv2 .range-inner-wrapper input[type=range]:hover {
  opacity: 1;
}
.fhv2 .range-inner-wrapper input[type=range]::-webkit-slider-thumb {
  cursor: grab;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #005ea5;
  border-radius: 50%;
}
.fhv2 .range-inner-wrapper input[type=range]::-moz-range-thumb {
  cursor: grab;
  border: none;
  width: 16px;
  height: 16px;
  background: #005ea5;
  border-radius: 50%;
}
.fhv2 .range-inner-wrapper .min-max-label {
  overflow: hidden;
}
.fhv2 .range-inner-wrapper span.min-value {
  float: left;
}
.fhv2 .range-inner-wrapper span.max-value {
  float: right;
}

.is-signature-field .signature-pad canvas {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  outline: none;
}
.is-signature-field .existing_signature img {
  width: 100%;
  height: 200px;
}
.is-signature-field .footer {
  display: block;
}
.is-signature-field .footer .instruction {
  color: #333;
  display: block;
  margin-bottom: 0.5em;
  text-align: center;
}
.is-signature-field .footer .signature-help {
  font-size: 0.85em;
  display: block;
  margin-top: 0.5em;
}
@media screen and (min-width: 17.5em) {
  .is-signature-field .footer .signature-help {
    float: right;
  }
}

.fhv2 button {
  background-color: #ccc;
  border-radius: 3px;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  padding: 0.5em 0.875em 0.5em;
  width: auto;
  -webkit-appearance: none;
  margin: 0 0.5em 0.5em 0;
}
@media screen and (min-width: 48em) {
  .fhv2 button {
    margin-bottom: 0;
  }
}
.fhv2 button:last-of-type {
  margin-right: 0;
}

.fhv2-container button {
  cursor: pointer;
}

.fhv2 .is-disabled-button {
  background: #eee;
  border-color: #eee;
  cursor: not-allowed;
}

.fhv2 .field-wrapper button {
  margin-top: 1em;
}

.fhv2 .repeater-add-button {
  margin-bottom: 1em;
}

.fhv2 .repeater-remove-button {
  float: right;
  margin: 0 0 0.875em 0;
}
.fhv2 .repeater-remove-button button {
  font-size: 0.875em;
  padding: 0.375em 0.5em 0.375em;
}

.fhv2 button[aria-expanded=true],
.fhv2 button[aria-expanded=false] {
  background-color: #ccc;
}
.fhv2 button[aria-expanded=true] i,
.fhv2 button[aria-expanded=false] i {
  color: color__text;
  margin-right: 0;
}

.fhv2 .group.is-expandable button[aria-expanded=true],
.fhv2 .group.is-expandable button[aria-expanded=false] {
  margin-bottom: 1em;
}
.fhv2 .group.is-expandable button[aria-expanded=true] i,
.fhv2 .group.is-expandable button[aria-expanded=false] i {
  margin-right: 0.5em;
}

.fhv2 legend button[aria-expanded=true],
.fhv2 legend button[aria-expanded=false] {
  font-size: 0.75em;
  margin: 0 0.5em !important;
}
.fhv2 legend button[aria-expanded=true] i,
.fhv2 legend button[aria-expanded=false] i {
  margin-right: 0 !important;
}

.container-tools-top {
  margin-bottom: 1em;
}

.container-tools-bottom {
  margin-bottom: 1em;
}
@media screen and (min-width: 37.5em) {
  .container-tools-bottom .submit-container {
    float: right;
  }
}

.parsed_fhv2 {
  border-bottom: 1px solid #ccc;
}
.parsed_fhv2 .group {
  margin-bottom: 1em;
}
.parsed_fhv2 .fieldset {
  margin-bottom: 1em;
}
.parsed_fhv2 dl {
  clear: both;
  margin: 0;
  overflow: hidden;
}
.parsed_fhv2 dl dt {
  font-weight: 700;
  margin-right: 5%;
  margin-bottom: 0.375em;
}
.parsed_fhv2 dl dt:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .parsed_fhv2 dl dt {
    clear: left;
    float: left;
    width: 40%;
  }
}
.parsed_fhv2 dl dd {
  margin-left: 0;
  min-height: 1.5em;
  margin-bottom: 0.375em;
}
.parsed_fhv2 dl dd:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .parsed_fhv2 dl dd {
    float: left;
    width: 55%;
  }
}
.parsed_fhv2 dl dd.textarea {
  margin-bottom: 1em;
}
.parsed_fhv2 dl dd.checkbox ul {
  padding-left: 1em;
}
.parsed_fhv2 ol {
  margin-top: 0;
  padding-left: 1em;
}
.parsed_fhv2 ol li {
  margin-bottom: 1em;
}
.parsed_fhv2 .repeater ol {
  padding: 0;
  list-style: none;
}
.parsed_fhv2 .repeater ol li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
.parsed_fhv2 .repeater ol li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.parsed_fhv2 p.legend {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 700;
}
.parsed_fhv2 ul {
  list-style: none; /* Remove default bullets */
}
.parsed_fhv2 ul li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ccc; /* Change the color */
  font-weight: 700; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.parsed_fhv2 *:first-child {
  margin-top: 0;
}

.parsed_fhv2 *:last-child {
  margin-bottom: 0;
}

.fhv2-container-category {
  border-radius: 3px;
  background: #eee;
  margin-bottom: 1.5em;
  padding: 1em 1em 1.25em 1em;
}
.fhv2-container-category h4 {
  margin-top: 0;
}
.fhv2-container-category p {
  border-bottom: 1px solid #ccc;
  margin: 0.5rem 0;
  overflow: hidden;
  padding-bottom: 0.5em;
}
.fhv2-container-category p:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.fhv2-container-category p a {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .fhv2-container-category p a {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }
}
.fhv2-container-category p .status {
  font-size: 0.875em;
  border-radius: 3px;
  display: inline-block;
  padding: 0.125em 0.375em;
}
@media screen and (min-width: 48em) {
  .fhv2-container-category p .status {
    float: right;
  }
}
.fhv2-container-category p .status.completed {
  background: #4caf50;
  color: #fff;
}
.fhv2-container-category p .status.not-completed {
  background: #333;
  color: #fff;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
form.fhv2 {
  margin-bottom: 2em;
  overflow: hidden;
}

.fhv2 fieldset {
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #ddd;
}

.fhv2.has-fieldset > .group {
  padding: 1em 1em 0 1em;
}
.fhv2.has-fieldset > .group fieldset {
  padding: 1em;
}

.fhv2 .group fieldset.field-container {
  background: none;
  padding: 0;
}

.fhv2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #51514d;
}

.fhv2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #51514d;
}

.fhv2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #51514d;
}

.fhv2 :-moz-placeholder {
  /* Firefox 18- */
  color: #51514d;
}

.fhv2 legend {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #002a5c;
}

.fhv2 fieldset legend {
  padding: 0 0.5em;
}

.fhv2 fieldset.field-container legend {
  padding: 0;
}

.fhv2 fieldset.is-optgroup legend {
  padding: 0 0.5em;
}

.fhv2 input:focus,
.fhv2 textarea:focus,
.fhv2 select:focus {
  outline: 3px solid #002a5c;
}

.fhv2 .field-container {
  margin-bottom: 2em;
}

.fhv2 .field-label {
  color: #000;
  font-weight: 500;
}
.fhv2 .field-label .is-ajax-loader {
  color: #002a5c;
  margin-left: 0.5em;
}

.fhv2 .field-notes {
  color: #51514d;
}

.fhv2 .chars-left {
  color: #000;
}
.fhv2 .chars-left.is-negative {
  color: #d0021b;
}

.fhv2 .field-error {
  color: #d0021b;
}

.fhv2 .error-summary {
  border: 3px solid #d0021b;
}
.fhv2 .error-summary:focus {
  outline: 3px solid #002a5c;
}
.fhv2 .error-summary .errors a {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:visited {
  color: #d0021b;
}
.fhv2 .error-summary .errors a:hover, .fhv2 .error-summary .errors a:focus, .fhv2 .error-summary .errors a:active {
  color: #d0021b;
}

.fhv2.is-compact input.is-error,
.fhv2.is-compact textarea.is-error,
.fhv2.is-compact select.is-error {
  outline: 3px solid #d0021b;
}

.fhv2 input,
.fhv2 input[type=text],
.fhv2 input[type=email],
.fhv2 input[type=search],
.fhv2 input[type=tel],
.fhv2 input[type=url],
.fhv2 input[type=password],
.fhv2 select,
.fhv2 textarea {
  border: 1px solid #e5e5e5;
}

.fhv2 .range-inner-wrapper .label {
  background: #002a5c;
  gap: 0.5em;
}
.fhv2 .range-inner-wrapper .label input[type=text] {
  background: #ffffff;
  border-bottom: none;
  border-radius: 2px;
  color: #000;
  margin-top: 4px;
}
.fhv2 .range-inner-wrapper .label.is-moving:after {
  border-color: #002a5c transparent;
}
.fhv2 .range-inner-wrapper input[type=range] {
  background: rgb(0, 111.847826087, 245);
}
.fhv2 .range-inner-wrapper input[type=range]::-webkit-slider-thumb {
  background: #002a5c;
}
.fhv2 .range-inner-wrapper input[type=range]::-moz-range-thumb {
  background: #002a5c;
}

.fhv2 .radio-controls .field-wrapper {
  align-items: center;
}
@media screen and (min-width: 48em) {
  .fhv2 .radio-controls .field-wrapper label small {
    display: block;
  }
}

.fhv2 input[type=radio] {
  height: 1.25em;
  width: 1.25em;
  display: block;
  vertical-align: bottom;
}

.fhv2 .checkbox-controls .field-wrapper {
  align-items: center;
}

.fhv2 input[type=checkbox] {
  height: 1.25em;
  width: 1.25em;
  display: block;
  vertical-align: bottom;
}

.fhv2 *[disabled=disabled] {
  background: #e5e5e5 !important;
  color: #51514d !important;
  -webkit-text-fill-color: #51514d !important;
}

.fhv2 .autocomplete i {
  color: #002a5c;
}
.fhv2 .autocomplete [role=listbox] {
  border: 3px solid #002a5c;
  margin-top: 0.5em;
  scrollbar-color: #002a5c #e5e5e5; /* Scrollbar Only Firefox */
  scrollbar-face-color: #002a5c; /* Scrollbar Only Firefox */
  scrollbar-shadow-color: #e5e5e5;
  scrollbar-highlight-color: #e5e5e5; /* Scrollbar Only Firefox */
  /* Scrollbar Only Chrome */
}
.fhv2 .autocomplete [role=listbox] li:hover {
  color: #ffffff;
  background-color: #51514d;
  border-color: #51514d;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar {
  width: 16px;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #002a5c;
  border: 1px solid #e5e5e5;
  background-clip: padding-box;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.fhv2 .autocomplete [role=listbox]::-webkit-scrollbar-button {
  background-color: #e5e5e5;
}
.fhv2 .autocomplete [aria-selected=true] {
  background-color: #002a5c;
  border-color: #002a5c;
  color: #ffffff;
}

.is-signature-field .signature-pad canvas {
  border: 1px solid #e5e5e5;
}
.is-signature-field .footer .instruction {
  color: #51514d;
}
.is-signature-field .footer .signature-help {
  background: none;
  color: #002a5c;
}
.is-signature-field .footer .signature-help:visited {
  color: #002a5c;
}
.is-signature-field .footer .signature-help:hover, .is-signature-field .footer .signature-help:focus, .is-signature-field .footer .signature-help:active {
  color: #ff8c45;
}
.is-signature-field .signature-fallback {
  display: flex;
}
.is-signature-field .signature-fallback label {
  margin-left: 0.5em;
}

@media screen and (min-width: 37.5em) {
  .fhv2 .is-phone-number-and-label .wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .fhv2 .is-phone-number-and-label .wrapper .field-container {
    width: 48%;
    margin-bottom: 0.5em;
  }
}

.fhv2 .group.is-repeater .is-repeated {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  border: 1px solid #ddd;
}

.fhv2 button {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #ff8c45;
  color: #ffffff;
}
.fhv2 button:visited {
  background-color: #ff8c45;
  color: #ffffff;
}
.fhv2 button:hover, .fhv2 button:focus, .fhv2 button:active {
  background-color: #002a5c;
}

.fhv2 button#form_primary_button,
.fhv2 button.submit {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #ff8c45;
  color: #ffffff;
  float: right;
}
.fhv2 button#form_primary_button:visited,
.fhv2 button.submit:visited {
  background-color: #ff8c45;
  color: #ffffff;
}
.fhv2 button#form_primary_button:hover, .fhv2 button#form_primary_button:focus, .fhv2 button#form_primary_button:active,
.fhv2 button.submit:hover,
.fhv2 button.submit:focus,
.fhv2 button.submit:active {
  background-color: #002a5c;
}

.fhv2 button#form_secondary_button,
.fhv2 button.cancel {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #e5e5e5;
  color: #000;
  float: left;
}
.fhv2 button#form_secondary_button:visited,
.fhv2 button.cancel:visited {
  background-color: #e5e5e5;
  color: #000;
}
.fhv2 button#form_secondary_button:hover, .fhv2 button#form_secondary_button:focus, .fhv2 button#form_secondary_button:active,
.fhv2 button.cancel:hover,
.fhv2 button.cancel:focus,
.fhv2 button.cancel:active {
  background-color: #51514d;
  color: #ffffff;
}

.fhv2 button[aria-expanded=true],
.fhv2 button[aria-expanded=false] {
  background-color: #51514d;
}
.fhv2 button[aria-expanded=true] i,
.fhv2 button[aria-expanded=false] i {
  color: color__text;
  margin-right: 0;
}
.fhv2 button[aria-expanded=true]:hover,
.fhv2 button[aria-expanded=false]:hover {
  background-color: rgb(158.0189873418, 158.0189873418, 152.9810126582);
}

.fhv2 legend button[aria-expanded=true] i,
.fhv2 legend button[aria-expanded=false] i {
  margin-right: 0.5em !important;
}

.fhv2 button.is-disabled-button {
  background: #999595;
  color: #000;
  border-color: #999595;
}
.fhv2 button.is-disabled-button:hover {
  background: #999595;
  border-color: #999595;
}

.dynamic-form-submit {
  margin-bottom: 1.5em;
}

.container-tools,
.submit-buttons {
  overflow: hidden;
}

.fhv2-container-category {
  border-radius: 0;
  background: #ffffff;
}
.fhv2-container-category h4 {
  color: #000;
}
.fhv2-container-category p {
  border-bottom: 1px solid #b3e5fc;
}
.fhv2-container-category p a {
  text-decoration: none;
  font-weight: 500;
}
.fhv2-container-category p .status {
  border-radius: 0;
  margin-bottom: 0;
}
.fhv2-container-category p .status.completed {
  background: #ff8c45;
  color: #fff;
}
.fhv2-container-category p .status.not-completed {
  background: #002a5c;
  color: #fff;
}

.parsed_fhv2 {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  border-bottom: none;
  background: #e5e5e5;
  margin-bottom: 2em;
  padding: 1em 1em;
}
.parsed_fhv2 dl dt {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #000;
}
.parsed_fhv2 dl dd {
  margin-left: 0;
  min-height: 1.5em;
}
.parsed_fhv2 dd.is-added,
.parsed_fhv2 dt.is-added {
  color: #4caf50;
}
.parsed_fhv2 dt.is-changed {
  color: #ff7300;
}
.parsed_fhv2 dd.is-changed {
  color: #4caf50;
}
.parsed_fhv2 dt.is-deleted {
  color: #d0021b;
}
.parsed_fhv2 dd.is-changed.checkbox li {
  color: #000;
}
.parsed_fhv2 dd.is-changed.checkbox li.is-added {
  color: #4caf50;
}
.parsed_fhv2 dd.is-changed.checkbox li.is-deleted {
  text-decoration: line-through;
  color: #d0021b;
}
.parsed_fhv2 .is-original-value {
  display: block;
  text-decoration: line-through;
  color: #d0021b;
}
.parsed_fhv2 p.legend {
  color: #002a5c;
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.5em;
}
.parsed_fhv2 ul li::before {
  color: #002a5c;
  font-weight: 700;
}
.parsed_fhv2 .repeater dl dt {
  margin-bottom: 0.375em;
}
.parsed_fhv2 .repeater dl dd {
  margin-bottom: 0.375em;
}
.parsed_fhv2 .repeater ol li {
  border-bottom: 1px solid #ddd;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/* All parameters */
:root {
  --linethick: 3px;
  --linewidth: 1.8em;
}

.repair-diagnostics-admin {
  overflow: scroll;
  /* node style */
  /* connecting lines between nodes */
  /* debug connecting lines * /
  .process_diagram div:before,
  .process_diagram div:after {border-color:green;}
  .process_diagram ul:before,
  .process_diagram ul:after {border-color:red;}
  /**/
  /************************************************************/
  /* positioning for the diagram */
  /* a dash before and behind all uls */
  /* put connecting vertical lines */
  /* correct length and position of dashes for first and last li-item in ul */
  /* put left and right dashes */
  /* remove dash for the very first/last nodes keeping margin and padding */
  /* remove double dashes */
  /* last dashes are not double and need to be recovered */
  /* .priority -> .input */
}
.repair-diagnostics-admin .process_diagram li > div {
  color: #000;
  border-style: solid;
  border-color: #000;
  text-align: left;
}
.repair-diagnostics-admin header {
  margin: 1.25em;
}
.repair-diagnostics-admin header h1 {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  font-size: 1.5rem;
  color: #002a5c;
}
.repair-diagnostics-admin header h1 span.tools {
  font-size: 20px;
  font-size: 1.25rem;
  margin-left: 1em;
}
.repair-diagnostics-admin .process_diagram li:before,
.repair-diagnostics-admin .process_diagram li:after,
.repair-diagnostics-admin .process_diagram ul:before,
.repair-diagnostics-admin .process_diagram ul:after,
.repair-diagnostics-admin .process_diagram div:before,
.repair-diagnostics-admin .process_diagram div:after {
  border-style: solid;
  border-color: #000;
}
.repair-diagnostics-admin .process_diagram,
.repair-diagnostics-admin .process_diagram ol,
.repair-diagnostics-admin .process_diagram ul,
.repair-diagnostics-admin .process_diagram li {
  margin: 0 auto;
  padding: 0;
  display: block;
  list-style: none;
  text-align: center;
  vertical-align: middle;
}
.repair-diagnostics-admin .process_diagram li {
  position: relative;
}
.repair-diagnostics-admin .process_diagram,
.repair-diagnostics-admin .process_diagram ol {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.repair-diagnostics-admin .process_diagram > li,
.repair-diagnostics-admin .process_diagram ol > li {
  display: table-cell;
}
.repair-diagnostics-admin .process_diagram > li,
.repair-diagnostics-admin .process_diagram ol > li,
.repair-diagnostics-admin .process_diagram ul > li {
  padding: 0.5em 0;
}
.repair-diagnostics-admin .process_diagram ul {
  position: relative;
  padding: 0 var(--linewidth);
}
.repair-diagnostics-admin .process_diagram ul:before,
.repair-diagnostics-admin .process_diagram ul:after {
  position: absolute;
  content: "";
  top: 50%;
  width: var(--linewidth);
  display: block;
  border-width: var(--linethick) 0 0;
}
.repair-diagnostics-admin .process_diagram ul:before {
  left: 0;
}
.repair-diagnostics-admin .process_diagram ul:after {
  right: 0;
}
.repair-diagnostics-admin .process_diagram ul > li:after,
.repair-diagnostics-admin .process_diagram ul > li:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  width: var(--linewidth);
  height: 100%;
  display: block;
}
.repair-diagnostics-admin .process_diagram ul > li:before {
  left: 0;
  border-width: 0 0 0 var(--linethick);
}
.repair-diagnostics-admin .process_diagram ul > li:after {
  right: 0;
  border-width: 0 var(--linethick) 0 0;
}
.repair-diagnostics-admin .process_diagram ul > li:first-child:before,
.repair-diagnostics-admin .process_diagram ul > li:first-child:after {
  top: 50%;
  bottom: auto;
  height: 50%;
}
.repair-diagnostics-admin .process_diagram ul > li:last-child:before,
.repair-diagnostics-admin .process_diagram ul > li:last-child:after {
  top: 0;
  bottom: auto;
  height: 50%;
}
.repair-diagnostics-admin .process_diagram li > div {
  position: relative;
  margin: 0 var(--linewidth);
  padding: 1em;
  border-width: var(--linethick);
}
.repair-diagnostics-admin .process_diagram li > div:before,
.repair-diagnostics-admin .process_diagram li > div:after {
  content: "";
  top: 50%;
  width: var(--linewidth);
  position: absolute;
  border-width: var(--linethick) 0 0;
  height: 50%;
}
.repair-diagnostics-admin .process_diagram li > div:after {
  right: calc(0em - var(--linewidth));
  margin-right: calc(0px - var(--linethick));
}
.repair-diagnostics-admin .process_diagram li > div:before {
  left: calc(0em - var(--linewidth));
  margin-left: calc(0px - var(--linethick));
}
.repair-diagnostics-admin .process_diagram li:last-child > div:after,
.repair-diagnostics-admin .process_diagram li:last-child > div:before {
  top: 0;
  border-width: 0 0 var(--linethick);
}
.repair-diagnostics-admin .process_diagram > li:first-child > div:before,
.repair-diagnostics-admin .process_diagram > li:first-child > ul:before,
.repair-diagnostics-admin .process_diagram > li:first-child > ul > li:before,
.repair-diagnostics-admin .process_diagram > li:first-child > ul > li > div:first-child:before,
.repair-diagnostics-admin .process_diagram > li:first-child > ul > li > ol > li:first-child > div:before,
.repair-diagnostics-admin .process_diagram > li:last-child > div:after,
.repair-diagnostics-admin .process_diagram > li:last-child > ul:after {
  border: 0;
}
.repair-diagnostics-admin ol.process_diagram > li > div:after,
.repair-diagnostics-admin .process_diagram ol > li > div:after,
.repair-diagnostics-admin ol.process_diagram > li > ul:after,
.repair-diagnostics-admin .process_diagram ol > li > ul:after {
  display: none;
}
.repair-diagnostics-admin ol.process_diagram > li > div,
.repair-diagnostics-admin .process_diagram ol > li > div {
  margin-right: 0;
}
.repair-diagnostics-admin ol.process_diagram > li > ul,
.repair-diagnostics-admin .process_diagram ol > li > ul {
  padding-right: 0;
}
.repair-diagnostics-admin ol.process_diagram > li:last-child > div:after,
.repair-diagnostics-admin .process_diagram ol > li:last-child > div:after,
.repair-diagnostics-admin ol.process_diagram > li:last-child > ul:after,
.repair-diagnostics-admin .process_diagram ol > li:last-child > ul:after {
  display: block;
}
.repair-diagnostics-admin ol.process_diagram > li:last-child > div,
.repair-diagnostics-admin .process_diagram ol > li:last-child > div {
  margin-right: var(--linewidth);
}
.repair-diagnostics-admin ol.process_diagram > li:last-child > ul,
.repair-diagnostics-admin .process_diagram ol > li:last-child > ul {
  padding-right: var(--linewidth);
}
.repair-diagnostics-admin .process_diagram .question {
  border-radius: 30px;
  background: rgb(182, 211, 255);
}
.repair-diagnostics-admin .process_diagram .answer {
  border-radius: 20px;
  background: rgb(255, 255, 255);
}
.repair-diagnostics-admin .process_diagram .message {
  border-radius: 10px;
  background: rgb(254, 255, 192);
}
.repair-diagnostics-admin .process_diagram .service {
  border-radius: 3px;
  background: rgb(252, 214, 190);
  text-align: center !important;
}
.repair-diagnostics-admin .process_diagram .input {
  background: rgb(184, 184, 184);
}
.repair-diagnostics-admin .process_diagram .process {
  background: rgb(170, 192, 170);
}
.repair-diagnostics-admin .process_diagram .finish,
.repair-diagnostics-admin .process_diagram .cancel {
  border-radius: 30px;
  background: #ffb2b2;
  text-align: center !important;
}
.repair-diagnostics-admin .process_diagram .finish::after,
.repair-diagnostics-admin .process_diagram .cancel::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f05e";
  color: #d0021b;
  font-size: 1em;
}
.repair-diagnostics-admin .process_diagram .procedure {
  border-radius: 30px;
  background: rgb(255, 255, 255);
}
.repair-diagnostics-admin .process_diagram li > div span.tools {
  position: absolute;
  top: -20px;
  left: 50%; /* position the left edge of the element at the middle of the parent */
  transform: translateX(-50%);
}
.repair-diagnostics-admin .process_diagram li > div span.tools a {
  margin: 0.1875em;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.3);
}
.repair-diagnostics-admin .process_diagram li.tools_wrapper {
  width: 30px;
}
.repair-diagnostics-admin .process_diagram li.input_wrapper,
.repair-diagnostics-admin .process_diagram li.question_wrapper,
.repair-diagnostics-admin .process_diagram li.process_wrapper,
.repair-diagnostics-admin .process_diagram li.message_wrapper {
  min-width: 150px;
}
.repair-diagnostics-admin .process_diagram li.answer_wrapper,
.repair-diagnostics-admin .process_diagram li.finish_wrapper,
.repair-diagnostics-admin .process_diagram li.cancel_wrapper,
.repair-diagnostics-admin .process_diagram li.service_wrapper {
  min-width: 100px;
}
.repair-diagnostics-admin .process_diagram li.tools_wrapper div.tools {
  padding: 0.2em;
  border-color: transparent;
}

.repair-diagnostics-tree {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #f9f9f9;
  padding: 2em;
  overflow: hidden;
}
.repair-diagnostics-tree form.fh .fh-fieldset {
  background-color: #f9f9f9;
}
.repair-diagnostics-tree h3 {
  color: #002a5c;
  margin-top: 0;
}

.repair-diagnostics-tree ul.options {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  list-style: none;
  padding: 0;
}
@media screen and (min-width: 37.5em) {
  .repair-diagnostics-tree ul.options {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 37.5em) and (min-width: 48em) {
  .repair-diagnostics-tree ul.options::after {
    content: "";
    width: 32.01%;
  }
}
.repair-diagnostics-tree ul.options li.button {
  display: flex;
  margin-bottom: 1.8em;
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .repair-diagnostics-tree ul.options li.button {
    width: 48%;
  }
}
@media screen and (min-width: 48em) {
  .repair-diagnostics-tree ul.options li.button {
    width: 32.01%;
  }
}
.repair-diagnostics-tree ul.options li.button label {
  display: flex;
  width: 100%;
}
.repair-diagnostics-tree ul.options li.button label span.label {
  width: 100%;
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 37.5em) {
  .repair-diagnostics-tree ul.options li.button label span.label {
    width: 100%;
  }
}
.repair-diagnostics-tree ul.options li.image {
  display: flex;
  flex-direction: row;
  margin-bottom: 1.8em;
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .repair-diagnostics-tree ul.options li.image {
    width: 48%;
  }
}
@media screen and (min-width: 48em) {
  .repair-diagnostics-tree ul.options li.image {
    width: 32.01%;
  }
}
.repair-diagnostics-tree ul.options li.image label {
  display: flex;
  width: 100%;
}
.repair-diagnostics-tree ul.options li.image label span.image_label {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  display: flex;
  margin: 0.5em 0 1em 0;
  flex: 1;
  padding: 1em;
  justify-content: center;
  max-height: 300px;
}
.repair-diagnostics-tree ul.options li.image label svg {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  width: 100%;
  height: auto;
}
.repair-diagnostics-tree ul.options li.image label svg path {
  fill: #002a5c !important;
}
.repair-diagnostics-tree ul.options li.image label span.label {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 37.5em) {
  .repair-diagnostics-tree ul.options li.image label span.label {
    width: 100%;
  }
}
.repair-diagnostics-tree ul.options input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.repair-diagnostics-tree ul.options li.button label .label,
.repair-diagnostics-tree ul.options li.image label .label {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #ffffff;
  color: #000;
  border: 1px solid #6eaadc;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  padding: 1.125em 1.5em;
}
.repair-diagnostics-tree ul.options li.button label .label span.icon,
.repair-diagnostics-tree ul.options li.image label .label span.icon {
  font-size: 28px;
  font-size: 1.75rem;
  color: #002a5c;
  margin-right: 0.5em;
}
.repair-diagnostics-tree ul.options li.button label .label span.text_label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.repair-diagnostics-tree ul.options li.button label .label:hover,
.repair-diagnostics-tree ul.options li.image label .label:hover {
  background: #6eaadc;
  color: #ffffff;
  border: 1px solid #6eaadc;
}
.repair-diagnostics-tree ul.options li.button label .label:hover span.icon,
.repair-diagnostics-tree ul.options li.image label .label:hover span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree ul.options li.button input[type=radio]:focus + .label,
.repair-diagnostics-tree ul.options li.image input[type=radio]:focus + .label {
  background: #002a5c;
  border: 1px solid #002a5c;
  color: #ffffff;
}
.repair-diagnostics-tree ul.options li.button input[type=radio]:focus + .label span.icon,
.repair-diagnostics-tree ul.options li.image input[type=radio]:focus + .label span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree ul.options li.button input[type=radio]:checked + .label,
.repair-diagnostics-tree ul.options li.image input[type=radio]:checked + .label {
  background: #002a5c;
  border: 1px solid #002a5c;
  box-shadow: 0px 4px 6px rgba(33, 33, 33, 0.15);
  color: #ffffff;
}
.repair-diagnostics-tree ul.options li.button input[type=radio]:checked + .label span.icon,
.repair-diagnostics-tree ul.options li.image input[type=radio]:checked + .label span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree button {
  margin-bottom: 1em;
}

.repair-diagnostics-tree .fh.quantity_node input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.repair-diagnostics-tree .fh.quantity_node .fh-field-container {
  margin-bottom: 0;
}
.repair-diagnostics-tree .fh.quantity_node span.fh-controls {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
}
.repair-diagnostics-tree .fh.quantity_node label {
  width: auto;
  padding: 0 0 2% 0;
  margin-right: 0;
}
.repair-diagnostics-tree .fh.quantity_node label span {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #ffffff;
  color: #000;
  border: 1px solid #6eaadc;
  cursor: pointer;
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1em;
  min-width: 68px;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.repair-diagnostics-tree .fh.quantity_node label span:hover {
  background: #6eaadc;
  color: #ffffff;
  border: 1px solid #6eaadc;
}
.repair-diagnostics-tree .fh.quantity_node label span:hover span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree .fh.quantity_node input[type=radio]:focus + span {
  background: #002a5c;
  border: 1px solid #002a5c;
  color: #ffffff;
}
.repair-diagnostics-tree .fh.quantity_node input[type=radio]:focus + span span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree .fh.quantity_node input[type=radio]:checked + span {
  background: #002a5c;
  border: 1px solid #002a5c;
  box-shadow: 0px 4px 6px rgba(33, 33, 33, 0.15);
  color: #ffffff;
}
.repair-diagnostics-tree .fh.quantity_node .fh-controls.is-fh-success {
  border: none;
  background-color: transparent;
}

.repair-diagnostics-tree .fh.input_node input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.repair-diagnostics-tree .fh.input_node .fh-field-container {
  margin-bottom: 0;
}
.repair-diagnostics-tree .fh.input_node span.fh-controls {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
}
.repair-diagnostics-tree .fh.input_node label {
  width: auto;
  padding: 0 0 2% 0;
  margin-right: 0;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .repair-diagnostics-tree .fh.input_node label {
    width: 48.9%;
  }
}
@media screen and (min-width: 60em) {
  .repair-diagnostics-tree .fh.input_node label {
    width: 32%;
  }
}
.repair-diagnostics-tree .fh.input_node label span {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background-color: #ffffff;
  color: #000;
  border: 1px solid #6eaadc;
  cursor: pointer;
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1em;
  min-height: 68px;
  padding: 0 1.5em;
  display: flex;
  align-items: center;
}
.repair-diagnostics-tree .fh.input_node label span:hover {
  background: #6eaadc;
  color: #ffffff;
  border: 1px solid #6eaadc;
}
.repair-diagnostics-tree .fh.input_node label span:hover span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree .fh.input_node input[type=radio]:focus + span {
  background: #002a5c;
  border: 1px solid #002a5c;
  color: #ffffff;
}
.repair-diagnostics-tree .fh.input_node input[type=radio]:focus + span span.icon {
  color: #ffffff;
}
.repair-diagnostics-tree .fh.input_node input[type=radio]:checked + span {
  background: #002a5c;
  border: 1px solid #002a5c;
  box-shadow: 0px 4px 6px rgba(33, 33, 33, 0.15);
  color: #ffffff;
}
.repair-diagnostics-tree .fh.input_node .fh-controls.is-fh-success {
  border: none;
  background-color: transparent;
}

.repair-diagnostics-tree .fh {
  margin: 0;
}
.repair-diagnostics-tree .fh-fieldset {
  border: none;
}
.repair-diagnostics-tree .fh-fieldset.fh-format-para {
  padding: 0;
}
.repair-diagnostics-tree p.fh-label-container {
  margin: 0 0 1.25em 0 !important;
  padding-top: 0;
}
.repair-diagnostics-tree .fh-label {
  font-size: 20px;
  font-size: 1.25rem;
  color: #002a5c;
}
.repair-diagnostics-tree .fh-field-text {
  min-height: 48px;
}

.repair-diagnostics-tree .continue-button {
  float: right;
  margin-bottom: 0;
}

.repair-diagnostics-tree a.diagnostic-reset-button {
  clear: right;
  float: left;
  margin-top: 0.625em;
  text-decoration: none;
}
@media screen and (min-width: 25em) {
  .repair-diagnostics-tree a.diagnostic-reset-button {
    clear: none;
  }
}
.repair-diagnostics-tree a.diagnostic-back-button {
  clear: right;
  float: left;
  margin-right: 1em;
  margin-top: 0.625em;
  text-decoration: none;
}
@media screen and (min-width: 25em) {
  .repair-diagnostics-tree a.diagnostic-back-button {
    clear: none;
  }
}

.preview_target {
  margin: 1em 0;
}
.preview_target svg {
  border-radius: 0;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #ffffff;
  padding: 1em;
  max-height: 200px;
  max-width: 200px;
}
.preview_target svg path {
  fill: #002a5c !important;
}

/*--------------------------------------------------------------
# Template Overrides
--------------------------------------------------------------*/
.fhv2 .autocomplete i {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuOTEzOTQgMC4wODU5OTg1TDAuMDg1OTM3NSAyLjkxNEw4Ljk5OTk0IDExLjgyOEwxNy45MTM5IDIuOTE0TDE1LjA4NTkgMC4wODU5OTg1TDguOTk5OTQgNi4xNzJMMi45MTM5NCAwLjA4NTk5ODVaIiBmaWxsPSIjMWIyYzU5Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  top: 0.875em;
  right: 0.5em;
}

.repair-diagnostics-tree .node-wrapper form {
  overflow: visible;
}
.repair-diagnostics-tree .node-wrapper form .fh-label {
  font-weight: bold;
  font-size: 1.294em;
  letter-spacing: -1px;
}
.repair-diagnostics-tree .node-wrapper form ul {
  margin: 0;
}

.repair-diagnostics-tree .fh {
  font-size: 1em;
}

.repair-diagnostics-tree .fh-submit-buttons {
  float: right;
  margin-bottom: 0;
}
.repair-diagnostics-tree .fh-submit-buttons .fh-inner-button {
  padding-left: 0;
  padding-right: 0;
}

.repair-diagnostics-tree .continue-button {
  background: #ff8c45;
  border: none;
  border-radius: 1.5rem;
  padding: 10px 10px;
  font-weight: 400;
  color: #002a5c;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1rem;
  outline: none;
}
.repair-diagnostics-tree .continue-button:hover {
  background: #002a5c;
  color: #fff;
}
.repair-diagnostics-tree form.is-already-submitted button.is-duplicate-protected {
  background: #e5e5e5;
  color: #000;
  cursor: not-allowed;
  border: transparent;
}
.repair-diagnostics-tree form.is-already-submitted .fh-button.is-duplicate-protected {
  background: #e5e5e5;
  color: #000;
  cursor: not-allowed;
  border: transparent;
  padding: 0.625em;
}

.fh-button-submit {
  padding: 10px 10px !important;
}

.process_diagram .finish::after,
.process_diagram .cancel::after {
  content: "" !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0XzMpIj4KPHBhdGggZD0iTTE3LjA3MTIgMi45Mjg3NUMxNS4xODI1IDEuMDQgMTIuNjcxMyAwIDEwIDBDNy4zMjg3NSAwIDQuODE3NSAxLjA0IDIuOTI4NzUgMi45Mjg3NUMxLjA0IDQuODE3NSAwIDcuMzI4NzUgMCAxMEMwIDEyLjY3MTMgMS4wNCAxNS4xODI1IDIuOTI4NzUgMTcuMDcxMkM0LjgxNzUgMTguOTYgNy4zMjg3NSAyMCAxMCAyMEMxMi42NzEzIDIwIDE1LjE4MjUgMTguOTYgMTcuMDcxMiAxNy4wNzEyQzE4Ljk2IDE1LjE4MjUgMjAgMTIuNjcxMyAyMCAxMEMyMCA3LjMyODc1IDE4Ljk2IDQuODE3NSAxNy4wNzEyIDIuOTI4NzVaTTE3LjUgMTBDMTcuNSAxMS42MTc1IDE2Ljk4NSAxMy4xMTc1IDE2LjExMTIgMTQuMzQzOEw1LjY1NjI1IDMuODg4NzVDNi44ODI1IDMuMDE1IDguMzgyNSAyLjUgMTAgMi41QzE0LjEzNSAyLjUgMTcuNSA1Ljg2NSAxNy41IDEwWk0yLjUgMTBDMi41IDguMzgyNSAzLjAxNSA2Ljg4MjUgMy44ODg3NSA1LjY1NjI1TDE0LjM0MzggMTYuMTExMkMxMy4xMTc1IDE2Ljk4NSAxMS42MTc1IDE3LjUgMTAgMTcuNUM1Ljg2NSAxNy41IDIuNSAxNC4xMzUgMi41IDEwWiIgZmlsbD0iI0ZGMDAwMCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0XzMiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
}