.shield-hecalculatorForm .error-content-container-display-none,
.shield-hecalculatorForm .form-container .fieldset select.s-hidden,
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .body .heading.hidden {
  display: none
}
.shield-hecalculatorForm {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}
.shield-hecalculatorForm .error-content-container {
  background-color: #ffe9ea;
  padding: 1.25rem 1rem;
  margin-bottom: 2rem;
  border-top: .25rem solid #cf2a36;
  border-radius: .25rem
}
.shield-hecalculatorForm .error-content-container .error-content-body ul {
  padding-left: 3.5rem
}
.shield-hecalculatorForm .error-content-container .error-content-body ul li a {
  font-family: Circular,Arial,Helvetica,sans-serif;
  color: #2d2d3e
}
.shield-hecalculatorForm .error-content-container .error-container {
  padding-bottom: .75rem;
  color: #484861
}
.shield-hecalculatorForm .error-content-container .error-icon-bg {
  background: url(../../../../../../../etc.clientlibs/usbank/clientlibs/clientlib-site/resources/images/svg/icon_alert-triangle-red.svg) 0 .25rem no-repeat;
  padding: 0 0 .5rem 2.5rem
}
.shield-hecalculatorForm .component-container .component-offset form .fieldset {
  margin-bottom: 3rem
}
.shield-hecalculatorForm .form-container {
  border: .063rem solid #cdd1e2;
  border-radius: .5rem;
  margin: 0!important;
  overflow: hidden
}
.shield-hecalculatorForm .form-container .form-header {
  margin-bottom: 0
}
.shield-hecalculatorForm .form-container .fieldset {
  position: relative;
  width: 100%;
  margin-bottom: 3rem;
  padding-top: .75rem
}
.shield-hecalculatorForm .form-container .fieldset.active label.no-animate {
  top: 0
}
.shield-hecalculatorForm .form-container .fieldset.active label.checkbox-label.no-animate {
  font-size: inherit
}
.shield-hecalculatorForm .form-container .fieldset.active input[type=checkbox],
.shield-hecalculatorForm .form-container .fieldset.active.focused input[type=checkbox] {
  border-bottom: none
}
.shield-hecalculatorForm .form-container .fieldset.active.focused label {
  color: #235ae4
}
.shield-hecalculatorForm .form-container .fieldset.active.focused input {
  border-bottom: .0625rem solid #235ae4
}
.shield-hecalculatorForm .form-container .fieldset.less-btm-margin {
  margin-bottom: 1.25rem
}
.shield-hecalculatorForm .form-container .fieldset input,
.shield-hecalculatorForm .form-container .fieldset select {
  outline: 0;
  border: 0;
  border-bottom: .0625rem solid #7a7a95;
  border-radius: 0;
  margin: .25rem 0;
  color: #2d2d3e;
  line-height: 1.5;
  width: 100%
}
.shield-hecalculatorForm .form-container .fieldset label {
  color: #63637f;
  position: absolute;
  top: -.0625rem;
  transition: .5s ease-in-out;
  width: calc(100% - 1rem)
}
.shield-hecalculatorForm .form-container .fieldset label.field-label-animate {
  position: absolute;
  left: 0;
  top: -.75rem
}
.shield-hecalculatorForm .form-container .fieldset label.label-combobox {
  font-size: 1rem;
  top: .75rem
}
.shield-hecalculatorForm .form-container .fieldset .field-label {
  color: #63637f;
  font-size: .75rem
}
.shield-hecalculatorForm .form-container .fieldset .discount-fieldset {
  margin-bottom: 2rem
}
.shield-hecalculatorForm .form-container .fieldset .pl-2 {
  padding-left: .75rem
}
.shield-hecalculatorForm .form-container .fieldset .checkbox-label {
  position: relative;
  white-space: inherit;
  margin-bottom: .25rem;
  display: inline
}
.shield-hecalculatorForm .form-container .fieldset .discount-link {
  font-size: .75rem;
  margin-left: 2.5rem
}
.shield-hecalculatorForm .form-container .fieldset .error-msg {
  font-size: .75rem
}
.shield-hecalculatorForm .form-container .fieldset select {
  font-size: 1rem;
  margin-top: 1rem;
  background: url(../../../../../../../etc.clientlibs/usbank/clientlibs/clientlib-site/resources/images/svg/dropdown_downArrow.svg) no-repeat;
  background-position-y: .5rem;
  background-position-x: calc(100% - .25rem);
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none
}
.shield-hecalculatorForm .form-container .fieldset select:focus {
  font-weight: 400;
  width: 95%;
  outline: #235ae4 auto .25rem;
  outline-offset: .25rem;
  margin-left: 5px
}
.shield-hecalculatorForm .form-container .fieldset select::-ms-expand {
  display: none
}
.shield-hecalculatorForm .form-container .fieldset input.error~label.field-label-animate,
.shield-hecalculatorForm .form-container .fieldset select.error~label {
  color: #cf2a36
}
.shield-hecalculatorForm .form-container .fieldset select ~ label {
  position: absolute;
  left: 0
}
.shield-hecalculatorForm .form-container .fieldset input {
  font-size: 16px
}
.shield-hecalculatorForm .form-container .fieldset input.has-value~label.field-label-animate,
.shield-hecalculatorForm .form-container .fieldset input:focus~label.field-label-animate {
  top: -.75rem;
  font-size: .75rem
}
.shield-hecalculatorForm .form-container .fieldset input[type=checkbox] {
  position: relative;
  border-bottom: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 1.25rem
}
.shield-hecalculatorForm .form-container .fieldset input[type=checkbox]::before {
  top: 0;
  content: "";
  border: .0625rem solid #63637f;
  border-radius: .25rem;
  position: absolute;
  height: 1rem;
  width: 1rem
}
.shield-hecalculatorForm .form-container .fieldset input[type=checkbox]:checked::after {
  content: "";
  top: 0;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Outline%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.17%2016a.74.74%200%200%201-.53-.22l-4.95-5%201.06-.98%204.42%204.42L17.25%204.14l1.06%201.06L7.7%2015.81a.73.73%200%200%201-.53.19z%22%2F%3E%3C%2Fsvg%3E);
  background-color: #235ae4;
  outline: #235ae4 solid .125rem;
  outline-offset: .125rem;
  border: .0625rem solid #63637f;
  border-radius: .25rem;
  position: absolute;
  height: 1rem;
  width: 1rem
}
.shield-hecalculatorForm .form-container .fieldset input[type=checkbox]:focus::before {
  outline: #235ae4 solid .125rem;
  outline-offset: .125rem
}
.shield-hecalculatorForm .form-container .fieldset .error-icon-bg-field {
  background: url(../../../../../../../etc.clientlibs/usbank/clientlibs/clientlib-site/resources/images/svg/icon_alert-triangle-red.svg) 0 .25rem/.75rem no-repeat;
  display: block;
  padding: 0 0 .5rem 1.25rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper {
  padding: 0 0 .5rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete .group {
  position: relative;
  display: inline-block;
  width: 100%
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input#countyName,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input#stateName {
  font-size: 1rem;
  color: #2d2d3e;
  border-bottom: .1rem solid #63637f;
  background-color: #fff;
  border-radius: inherit;
  line-height: 1.25
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input.countyNameInput::-ms-clear,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input.stateNameInput::-ms-clear {
  display: none
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input {
  font-size: 1rem;
  padding: .625rem 0 .25rem;
  display: block;
  border-bottom: .1rem solid #7a7a95;
  margin-bottom: 0
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete input:focus {
  outline: 0
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper input[type=submit] {
  height: 2.5rem;
  background: #235ae4;
  padding: 0 1.5rem;
  color: #fff;
  border-radius: .25rem;
  border: none;
  display: inline-block;
  width: auto;
  margin-left: .625rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-items {
  border: .1rem solid #63637f;
  border-top: .25rem solid #235ae4;
  box-shadow: 0 1.5rem .625rem -.6rem rgba(0,0,0,.15);
  inset: 100% 0 auto;
  margin-top: 0;
  position: absolute;
  z-index: 999
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-items div {
  padding: .625rem;
  cursor: pointer;
  background-color: #fff;
  font-size: .875rem;
  color: #484861;
  border-bottom: .1rem solid #cdd1e2
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-active,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-items div:focus,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-items div:hover,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#countyNameautocomplete-list li:focus,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#countyNameautocomplete-list li:hover,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#stateNameautocomplete-list li:focus,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#stateNameautocomplete-list li:hover {
  background-color: #ebeff6
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper input:focus ~ label {
  top: -.625rem;
  font-size: .875rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper input:focus ~ .bar:before {
  width: 50%
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper input:valid ~ label {
  top: -.625rem;
  font-size: .875rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .highlight {
  position: absolute;
  height: 60%;
  width: .625rem;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: .5
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .stateLabel {
  margin: 0 0 1.25rem .5rem
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-countyerror,
.shield-hecalculatorForm .form-container .autocomplete-wrapper .autocomplete-stateerror {
  padding: .25rem;
  font-size: .75rem;
  background-color: #fff
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#countyNameautocomplete-list,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#stateNameautocomplete-list {
  list-style: none;
  padding: 0
}
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#countyNameautocomplete-list li,
.shield-hecalculatorForm .form-container .autocomplete-wrapper ul#stateNameautocomplete-list li {
  padding: .25rem;
  cursor: pointer;
  background-color: #fff;
  font-size: 1rem;
  color: #484861;
  border-bottom: .1rem solid #cdd1e2;
  outline: 0
}
.shield-hecalculatorForm .form-container .button-group,
.shield-hecalculatorForm .form-container .button-group #btnCompares {
  width: 100%
}
div[id="#discountLinkPopup_modal_container"].shield-modals.background .dialog .content,
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content {
  max-width: 26.5rem;
  border-radius: unset
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog {
  backdrop-filter: none;
  --webkit-backdrop-filter: none
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .body {
  max-height: none;
  overflow: auto;
  padding: 0
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .body .heading {
  padding: 0
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .footer .button-container {
  flex-direction: row;
  justify-content: flex-end
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .footer .button-container .button-group {
  align-items: flex-end
}
div[id="#heDiscountLinkPopup_modal_container"].shield-modals.background .dialog .content .footer .button-container .button-group .close-btn {
  max-width: fit-content;
  background-color: #235ae4;
  color: #fff;
  width: auto;
  padding: .75rem 1.5rem;
  font-size: 1rem
}
@media only screen and (max-width:41.9375rem) {
  .shield-hecalculatorForm {
    margin-bottom: 0
  }
  .shield-hecalculatorForm .form-container {
    margin-bottom: 0!important
  }
  .autocomplete-wrapper input[type=submit] {
    width: 100%;
    display: block;
    margin-left: 0
  }
  .autocomplete-wrapper .autocomplete {
    width: 100%
  }
}
@-moz-document url-prefix() {
  .heCalculatorForm .component-container {
    overflow: visible
  }
}
@media only screen and (min-width:42rem) and (max-width:65.9375rem) {
  .shield-hecalculatorForm .form-container .credit-score-range {
    white-space: normal
  }
}