.modal-content h4 {
  color: white;
}
/* base styles */
html,
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  /* This needs to be configurable via module settings */
  font-size: 1rem;
  font-weight: 300;
  height: 100vh;
}
a {
  color: #1a5d7f;
}
a:hover,
a:focus {
  color: #0d2e40;
}
.has-nav-user-account {
  height: calc(100% - 60px);
}
@media (max-width: 768px) {
  .has-nav-user-account {
    height: calc(100% - 70px);
  }
}
h1,
h2 {
  font-weight: 100;
}
h1 {
  font-size: 2.2rem;
}
img {
  max-width: 100%;
}
.navbar-pull-right {
  float: right;
}
.panel {
  color: #333333;
}
.table {
  text-align: left;
}
.sub-heading {
  font-size: 1.5rem;
  font-weight: 100;
  margin: 25px 0 5px;
  padding: 0 30%;
  position: relative;
  text-align: left;
  display: block;
}
.sub-heading:before {
  content: "";
  display: block;
  width: 25%;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  border-left: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
}
.sub-heading:after {
  content: "";
  display: block;
  width: 25%;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  border-right: solid 1px #ffffff;
  border-top: solid 1px #ffffff;
}
@media (max-width: 992px) {
  .sub-heading {
    padding: 0 25%;
  }
  .sub-heading:before,
  .sub-heading:after {
    width: 20%;
  }
}
@media (max-width: 480px) {
  .sub-heading {
    padding: 0 15%;
  }
  .sub-heading:before,
  .sub-heading:after {
    width: 10%;
  }
}
.control-label {
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0;
  text-align: left;
  width: 100%;
}
.control-label ~ .form-control-feedback {
  top: 22px;
}
#main .form-control,
.form-control {
  background-color: #ffffff;
  border: 1px solid #767676;
  color: #222222;
  height: 49px;
  padding: 10px 16px;
  font-size: 1.5rem;
  line-height: 1.33;
  border-radius: 6px;
}
select#main .form-control,
select.form-control {
  height: 49px;
  line-height: 49px;
}
textarea#main .form-control,
textarea.form-control,
select[multiple]#main .form-control,
select[multiple].form-control {
  height: auto;
}
#main .form-control::-moz-placeholder,
.form-control::-moz-placeholder {
  color: #555555;
  opacity: 1;
}
#main .form-control:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
  color: #555555;
}
#main .form-control::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #555555;
}
#main .form-control:focus,
.form-control:focus {
  border-color: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.15);
}
#main .form-control:focus-visible,
.form-control:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
#main .form-control[disabled]::-moz-placeholder,
.form-control[disabled]::-moz-placeholder,
#main .form-control.disabled::-moz-placeholder,
.form-control.disabled::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
#main .form-control[disabled]:-ms-input-placeholder,
.form-control[disabled]:-ms-input-placeholder,
#main .form-control.disabled:-ms-input-placeholder,
.form-control.disabled:-ms-input-placeholder {
  color: #999999;
}
#main .form-control[disabled]::-webkit-input-placeholder,
.form-control[disabled]::-webkit-input-placeholder,
#main .form-control.disabled::-webkit-input-placeholder,
.form-control.disabled::-webkit-input-placeholder {
  color: #999999;
}
.input-group .form-control {
  z-index: unset;
}
.form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
  top: 0px;
}
.form-group .input-group-addon + .form-control-static {
  font-size: 1rem;
  height: 46px;
  padding: 10px;
}
@media (max-width: 480px) {
  .form-group .input-group-addon + .form-control-static {
    height: auto;
  }
}
.form-group .has-error {
  margin-bottom: 0;
}
.form-group .error-message {
  -webkit-animation: shake 0.5s linear;
          animation: shake 0.5s linear;
  white-space: pre-line;
  text-transform: capitalize-first;
}
.has-error {
  -webkit-animation: shake 0.5s linear;
          animation: shake 0.5s linear;
  position: relative;
}
.has-error .control-label {
  color: #ffffff;
}
.has-error .form-control {
  background-color: #f9e2e2;
  color: #a02622;
  border-color: #a02622;
}
.has-error .form-control::-moz-placeholder {
  color: #a02622 !important;
  opacity: 1 !important;
}
.has-error .form-control:-ms-input-placeholder {
  color: #a02622 !important;
}
.has-error .form-control::-webkit-input-placeholder {
  color: #a02622 !important;
}
.has-error .input-group-prepend .input-group-text,
.has-error .input-group-append .input-group-text {
  background-color: #f9e2e2;
  color: #a02622;
  border-color: #a02622;
  border-bottom-left-radius: 0px;
}
.has-error .input-group {
  margin-bottom: 0px;
}
.has-error .input-group input {
  border-radius: 6px 6px 0px 0px;
}
.has-error .input-group .input-group .input-group-addon:first-child {
  border-radius: 6px 0px 0px 0px;
}
.has-error .input-group .input-group .input-group-addon:first-child ~ input {
  border-radius: 0px 6px 0px 0px;
}
.has-error .input-group .input-group input:first-child {
  border-radius: 6px 0px 0px 0px;
}
.has-error .input-group .input-group input:first-child ~ .input-group-addon {
  border-radius: 0px 6px 0px 0px;
}
.has-error.focus {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes phaser {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@keyframes phaser {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.5;
  }
}
@-webkit-keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 2;
  }
}
@keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 2;
  }
}
.alert {
  text-align: left;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}
.confirmation-email-to {
  display: block;
  word-break: break-all;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product .help-block {
  color: #ffffff;
}
.component-typeahead {
  color: #555555;
  position: relative;
  text-align: left;
}
.component-typeahead .ta-suggestion-list {
  background-color: #ffffff;
}
.component-typeahead .ta-group {
  margin-top: 20px;
}
.component-typeahead .ta-group:first-child {
  margin-top: 0;
}
.component-typeahead .ta-suggestion-heading {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.component-typeahead .ta-suggestion:hover,
.component-typeahead .ta-suggestion.active {
  background-color: #1a5d7f;
  color: #ffffff;
}
.component-typeahead .ta-suggestion-models {
  padding: 10px 25px 7px;
}
.component-typeahead .ta-suggestion-models:hover,
.component-typeahead .ta-suggestion-models:target,
.component-typeahead .ta-suggestion-models.active {
  background-color: #1a5d7f;
  color: #ffffff;
  outline: 1px dashed #999999;
}
.component-typeahead .ta-suggestion-models > * {
  width: 100%;
}
.component-typeahead .ta-suggestion-dealer-name {
  width: 75%;
}
.component-typeahead .ta-suggestion-dealer-address {
  margin: 0;
  width: 25%;
}
.react-autosuggest__container {
  position: relative;
  background: white;
}
.react-autosuggest__container input {
  padding: 10px;
  width: 100%;
  border: 1px solid #cad3df;
  border-radius: 4px;
}
.react-autosuggest__container .react-autosuggest__suggestions-container {
  display: none;
  background: white;
  z-index: 1;
}
.react-autosuggest__container .react-autosuggest__suggestions-container:hover {
  color: inherit;
}
.react-autosuggest__container .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {
  position: absolute;
  display: block;
  max-height: 350px;
  width: 100%;
  min-width: 350px;
  overflow: auto;
  z-index: 1000;
  border: 1px solid #cad3df;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.react-autosuggest__container .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open.dropdown-container {
  min-width: unset;
  border-radius: 5px;
}
.react-autosuggest__container .react-autosuggest__suggestions-list {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
.react-autosuggest__container .react-autosuggest__suggestions-list.dropdown-list {
  margin: unset;
}
.react-autosuggest__container .react-autosuggest__suggestions-list.dropdown-list .dropdown-value {
  padding: 5px;
}
.react-autosuggest__container .react-autosuggest__suggestions-list.dropdown-list .dropdown-value.drowpdown-highlighted {
  background-color: #767676;
}
.react-autosuggest__container .react-autosuggest__suggestion {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
}
.react-autosuggest__container .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted .ta-suggestion,
.react-autosuggest__container .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted .ta-suggestion-models {
  background-color: #1a5d7f;
  color: #ffffff;
  outline: 2px solid #1a5d7f;
}
.react-autosuggest__container .react-autosuggest__suggestion .model-suggestion {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding: 12px 15px;
}
.react-autosuggest__container .react-autosuggest__suggestion .model-suggestion:hover {
  background-color: #767676;
}
.react-autosuggest__container .react-autosuggest__suggestion .productName {
  font-size: 1.5rem;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-stretch: condensed;
  text-transform: uppercase;
}
.react-autosuggest__container .react-autosuggest__suggestion .productLine,
.react-autosuggest__container .react-autosuggest__suggestion .productBrand,
.react-autosuggest__container .react-autosuggest__suggestion .productDescription {
  font-size: 0.8rem;
  float: left;
  padding: 12px 15px;
  list-style: none;
}
.react-autosuggest__container .react-autosuggest__suggestion .productLine:before,
.react-autosuggest__container .react-autosuggest__suggestion .productBrand:before,
.react-autosuggest__container .react-autosuggest__suggestion .productDescription:before {
  content: "•";
  padding: 5px;
}
.survey-question fieldset {
  margin-top: 12pt;
  margin-left: 12pt;
}
.fieldsetScroll {
  background-color: #fff;
  padding-left: 12pt;
}
.better-select {
  border: 1px solid #767676;
  border-radius: 6px;
  background-color: #fff;
  padding: 0 15px;
}
.better-select::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.better-select::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.capitalize {
  text-transform: capitalize;
}
select.form-control {
  line-height: unset;
}
/* navbar overrides */
.navbar {
  border-radius: 0;
  margin-bottom: 0;
}
.navbar.navbar-theme {
  background-color: rgba(0, 0, 0, 0.75);
  border-color: rgba(0, 0, 0, 0.95);
  color: #fff;
}
.navbar.navbar-theme .navbar-nav > .active > a,
.navbar.navbar-theme .navbar-nav > .active > a:hover,
.navbar.navbar-theme .navbar-nav > .active > a:focus {
  background-color: #6f7171;
  color: #fff;
}
.navbar.navbar-theme .navbar-nav > li > a {
  color: #fff;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
  background-color: #8d8f8f;
  background-color: rgba(141, 143, 143, 0.85);
  text-decoration: none;
}
/* layout styles */
#main {
  height: calc(100% - 50px);
}
#main > * {
  height: 100%;
}
.nav {
  background-color: #333;
  -webkit-box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.35) inset, 0px -2px 8px -4px rgba(0, 0, 0, 0.5) inset, 0px -1px rgba(100, 100, 100, 0.9) inset;
          box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.35) inset, 0px -2px 8px -4px rgba(0, 0, 0, 0.5) inset, 0px -1px rgba(100, 100, 100, 0.9) inset;
  padding: 15px;
  position: absolute;
  text-align: right;
  width: 100%;
  z-index: 99;
}
.nav #language-toggle {
  color: #007bff;
  width: 100%;
  cursor: pointer;
  margin: 0 15px;
}
@media (max-width: 480px) {
  .nav {
    position: relative;
  }
  .has-nav-user-account .nav {
    top: 70px;
  }
}
/* Generic section styles */
.section {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover, cover;
  border-bottom: 1px solid #666;
  /* temporary */
  min-height: 100vh;
  overflow-y: auto;
  padding: 60px 0;
  position: relative;
  text-align: center;
}
.section .section-heading {
  padding-top: 20px;
  font-family: sans-serif;
  color: black;
}
.section .section-heading.section-submitted {
  margin-top: 12%;
}
.section .container .intro-section .section-heading,
.section .container .intro-section .section-subheading {
  text-align: center;
}
.section .container .section-heading {
  margin-top: 5%;
  text-align: center;
  font-size: 2.2rem;
}
.section .container .section-heading.inline {
  text-align: left;
  padding-top: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 5%;
  color: black;
}
@media (max-width: 480px) {
  .section .container .section-heading {
    font-size: 1.8rem;
  }
}
.section .container .section-subheading {
  text-align: left;
}
.section .container .section-subheading.inline {
  padding-top: 0;
  margin-left: 5%;
  margin-top: 5%;
  margin-bottom: 5%;
  color: black;
}
#main .new-claim-progress {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 40%;
  max-width: 500px;
  height: 45px;
  padding-top: 8px;
  padding-right: 8px;
  border: 2px solid #eeeeee;
  border-radius: 10px;
  background-color: white;
  padding: 10px;
  z-index: 100;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
#main .new-claim-progress span {
  float: right;
  margin-left: 10px;
  height: 15pt;
}
#main .new-claim-progress .progress {
  height: 15pt;
  background-color: #8B8B8B;
  border: 1px solid #555555;
}
#main .new-claim-progress .progress-bar {
  background-color: #1a5d7f;
}
#main .with-nav .new-claim-progress {
  top: 70px;
}
#main .new-claim-progress.nav-hidden {
  top: 10px;
}
#main .new-claim-progress.nav-visible {
  top: 85px;
}
@media (max-width: 480px) {
  .section,
  .section:first-child {
    background-attachment: scroll;
    height: auto;
  }
  .container {
    padding-top: 60px;
  }
  #main .with-nav .container {
    padding-top: 130px;
  }
}
@media (max-width: 480px) {
  #main .new-claim-progress {
    width: 90%;
    left: 5%;
    right: 5%;
  }
}
.col-center {
  display: inline-block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}
.menubar-bottom {
  bottom: 0;
  left: 0;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  position: absolute;
}
.menubar-bottom a {
  color: #999999;
}
.coming-soon-mail-link {
  color: #ffffff;
  text-decoration: underline;
}
@media (max-width: 992px) {
  .menubar-bottom {
    position: relative;
  }
}
.section {
  /* Add specificity for claim entry headings */
  /* Hero/Jumbotron section */
  /* Review section */
  /* Invoice section */
  /* Personal info section */
}
.section .section-heading {
  color: #555555;
}
@media (max-width: 480px) {
  .section .section-heading {
    font-size: 1.5rem;
  }
}
.section.confirmation .section-heading,
.section.existing .section-heading,
.section.fulfillment .section-heading,
.section.invoice .section-heading,
.section.legal .section-heading,
.section.promotions .section-heading,
.section.purchase .section-heading,
.section.submitted .section-heading,
.section.survey .section-heading {
  margin-left: 2rem;
  margin-top: 0;
  margin-bottom: 5%;
  padding-top: 0;
  padding-bottom: 0;
  color: #555555;
  text-align: left;
}
.section.confirmation .section-subheading,
.section.existing .section-subheading,
.section.fulfillment .section-subheading,
.section.invoice .section-subheading,
.section.legal .section-subheading,
.section.promotions .section-subheading,
.section.purchase .section-subheading,
.section.submitted .section-subheading,
.section.survey .section-subheading {
  margin-left: 2rem;
  margin-top: 0;
  margin-bottom: 5%;
  padding-top: 0;
  padding-bottom: 0;
  color: #555555;
}
.section.hero {
  border: 0;
  position: relative;
}
.section.hero .hero-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 250px;
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 5vh auto 5vh;
}
.section.hero .section-heading {
  font-size: 2.5rem;
}
.section.hero .section-subheading {
  font-size: 2.2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.section.hero .section-sub-heading {
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
.section.hero .control-label {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: inherit;
  margin-bottom: 10px;
}
.section.hero .rebate-code-input {
  font-weight: 500;
  text-align: center;
}
.section.hero .rebate-code-input .form-control {
  font-size: 1.5rem;
  height: 80px;
  text-align: center;
  letter-spacing: 1em;
}
.section.hero .rebate-code-input .form-control::-moz-placeholder {
  color: #eeeeee;
  opacity: 1;
}
.section.hero .rebate-code-input .form-control:-ms-input-placeholder {
  color: #eeeeee;
}
.section.hero .rebate-code-input .form-control::-webkit-input-placeholder {
  color: #eeeeee;
}
.section.hero .rebate-code-input .form-control::-webkit-input-placeholder {
  letter-spacing: 1em;
}
.section.hero .rebate-code-input .form-control::-moz-placeholder {
  letter-spacing: 1em;
}
.section.hero .rebate-code-input .form-control:-ms-input-placeholder {
  letter-spacing: 1em;
}
.section.hero .rebate-code-input .form-controlinput:-moz-placeholder {
  letter-spacing: 1em;
}
.section.hero .help-block {
  text-align: center;
}
.section.hero .rebateCodeColumn {
  padding-bottom: 20px;
}
.section.hero .errors-remain-warning {
  margin-top: 20px;
}
.section.hero .btn-home-start-claim .fa {
  padding-left: 10px;
}
@media (max-width: 480px) {
  .section.hero .section-heading {
    font-size: 1.8rem;
  }
  .section.hero .section-subheading {
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .section.hero .btn-home-start-claim,
  .section.hero .btn-home-check-claim {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .section.hero .control-label {
    font-size: 1.2rem;
  }
}
.section.review .container {
  max-width: 75vw;
  text-align: left;
}
.section.review .container .section-heading {
  font-weight: bold;
  margin-top: 2%;
  text-align: left;
}
.section.review .container .section-heading.inline {
  text-align: left;
  margin-left: 2%;
  margin-bottom: 1%;
}
.section.review .container .btn-next {
  margin-left: 2%;
}
@media (max-width: 480px) {
  .section.review .container {
    text-align: left;
    max-width: 100%;
  }
  .section.review .container .section-heading.inline {
    margin-left: 0;
  }
  .section.review .container .btn-next {
    margin-left: 0;
  }
  .section.review .container .card-container {
    padding: 15px 0px;
  }
}
.section.intro {
  background-color: #eeeeee;
}
.section.intro .container {
  max-width: 75vw;
}
.section.intro .container .intro-section-container {
  margin: auto;
  text-align: left !important;
}
.section.intro .container .intro-section-container .intro-section .section-heading,
.section.intro .container .intro-section-container .intro-section .section-subheading {
  text-align: left;
}
.section.intro .container .intro-section-container .intro-section {
  background-color: #ffffff;
  border-radius: 5px;
  margin-top: 10% !important;
  padding: 10px;
}
.section.intro .container .intro-section-container .intro-section .section-heading {
  font-weight: bold;
  text-align: left;
  color: #000000;
  padding-top: 0;
  margin-top: 0;
}
.section.intro .container .intro-section-container .intro-section .section-heading.inline {
  text-align: left;
  padding-top: 0;
  margin-left: 5%;
  margin-top: 0;
  margin-bottom: 5%;
  color: black;
}
.section.intro .container .intro-section-container .intro-section .section-subheading {
  font-weight: bold;
  text-align: left;
}
.section.intro .container .intro-section-container .intro-section .section-subheading.inline {
  padding-top: 0;
  margin-left: 5%;
  margin-top: 5%;
  margin-bottom: 5%;
  color: black;
}
.section.intro .container .intro-section-container .intro-section .item-list {
  list-style-type: none;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
.section.intro .container .intro-section-container .intro-section .item-list .item {
  color: #333333;
}
.section.intro .container .intro-section-container .intro-section .item-list .tutorial-video-tagline {
  display: block;
  font-size: 1rem;
  font-weight: 300;
}
.section.intro .container .intro-section-container .intro-section .item-list .tutorial-video-container {
  margin: 1.5em 0;
}
.section.intro .container .intro-section-container .intro-section .item-list .tutorial-video-frame {
  border: 1px solid #eeeeee;
  padding: 0.5em;
}
.section.intro .container .intro-section-container .intro-section .ordered-item-list {
  color: #333333;
  max-width: 100%;
  padding-left: 1.5em;
  margin: 0;
}
.section.intro .container .intro-section-container .intro-section .ordered-item-list > li {
  margin-bottom: 0.5em;
}
.section.intro .container .intro-section-container .intro-section .ordered-item-list ul {
  padding-left: 1.5em;
  margin-top: 0.25em;
  list-style-type: disc;
}
.section.intro .container .intro-section-container .intro-section .intro-note {
  color: #333333;
  margin-top: 10px;
  text-align: left;
}
.section.intro .container .intro-section-container .intro-section .section-footer {
  color: #333333;
  margin-top: 10px;
  text-align: left;
}
.section.intro .container .intro-section-container .intro-section a[href^=mailto],
.section.intro .container .intro-section-container .intro-section a[href^=tel] {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .section.intro .container {
    max-width: 100%;
  }
}
.section.invoice .input-upload-invoice {
  height: auto;
  margin: 0 auto 30px;
}
.section.invoice .container {
  max-width: 75vw;
}
.section.invoice .container .section-heading.inline {
  text-align: left;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1%;
}
.section.invoice .container .document-upload-area {
  padding-top: 10px;
}
.section.invoice .container .document-upload-area .document-upload-item {
  margin: 0;
}
.section.invoice .container .btn-next {
  margin-left: 0;
}
.section.invoice .container .document-upload-section {
  text-align: left;
}
.section.invoice .container .document-upload-section .component-upload-instructions {
  padding: 0;
}
.section.invoice .container .document-upload-section .component-upload-instructions .circle {
  text-align: center;
}
.section.invoice .container .document-upload-section .component-document-upload {
  max-width: 75vw;
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area-steps {
  text-align: center;
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area {
  padding: 10px;
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area .document-upload-item {
  width: 35%;
}
@media (max-width: 480px) {
  .section.invoice .container .document-upload-section .component-document-upload .document-upload-area .document-upload-item {
    width: 100%;
  }
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area .upload-area-heading {
  font-weight: bold;
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area .document-upload-reminder {
  margin: auto;
  padding-left: 1%;
}
@media (max-width: 480px) {
  .section.invoice .container .document-upload-section .component-document-upload .document-upload-area .document-upload-reminder {
    padding-left: 4%;
  }
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-button {
  width: 26%;
}
@media (max-width: 480px) {
  .section.invoice .container .document-upload-section .component-document-upload .document-upload-button {
    width: 100%;
  }
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area-footer {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section.invoice .container .document-upload-section .component-document-upload .document-upload-area-footer .document-upload-btn-previous {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .section.invoice .container .document-upload-section .component-document-upload {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .section.invoice .container {
    max-width: 100%;
  }
}
.section.personal-info {
  /* Verify email section */
  /* Verify email section */
}
.section.personal-info .container {
  max-width: 75vw;
  text-align: left;
}
.section.personal-info .container .section-heading {
  font-weight: bold;
  text-align: left;
}
.section.personal-info .container .section-heading.inline {
  text-align: left;
  margin-left: 0%;
}
.section.personal-info .container .required-details {
  text-align: left;
  margin-bottom: 10px;
  position: relative;
}
.section.personal-info .container.additional-fields-container {
  padding: 0;
}
.section.personal-info.verify-email .container {
  text-align: left;
  max-width: 75vw;
}
.section.personal-info.verify-email .container .section-heading {
  text-align: left;
  font-weight: bold;
  margin-top: auto;
  padding-top: 0px;
  color: black;
}
@media (max-width: 480px) {
  .section.personal-info.verify-email .container {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .section.personal-info .container {
    text-align: left;
    max-width: 100%;
  }
}
.section.personal-info.verify-email .container {
  text-align: left;
  max-width: 75vw;
}
.section.personal-info.verify-email .container .section-heading {
  text-align: left;
  font-weight: bold;
  margin-top: auto;
  padding-top: 0px;
  color: black;
}
@media (max-width: 480px) {
  .section.personal-info.verify-email .container {
    max-width: 100%;
  }
}
.section.purchase .container {
  text-align: left;
  max-width: 75vw;
}
.section.purchase .container .section-heading {
  font-weight: bold;
  text-align: left;
}
.section.purchase .container .section-heading.inline {
  text-align: left;
  margin-left: 0%;
}
.section.purchase .container .card-container .required-details {
  text-align: left;
  margin: 0px 0px 10px 0px;
  position: static;
}
@media (max-width: 480px) {
  .section.purchase .container {
    text-align: left;
    max-width: 100%;
  }
  .section.purchase .control-label {
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .section.purchase .input,
  .section.purchase .input-group,
  .section.purchase .form-control {
    max-width: 100%;
  }
}
.section.purchase .Program-continue-button {
  text-align: left;
  margin-left: 0%;
}
.section.purchase .required-details {
  float: left;
  margin-top: 5%;
  position: relative;
  top: 20px;
}
.section.purchase .purchase-details,
.section.purchase .automotive-details {
  text-align: left;
}
.section.personal .container {
  max-width: 75vw;
  text-align: left;
}
.section.personal .container.additional-fields-container {
  padding: 0;
}
.section.program-selection .container {
  max-width: 75vw;
  text-align: left;
}
.section.program-selection .container .btn-next {
  text-align: left;
}
.section.program-selection .container .detail_card {
  text-align: left;
}
.section.program-selection .container .section-heading {
  text-align: left;
  font-weight: bold;
}
@media (max-width: 480px) {
  .section.program-selection .container {
    max-width: 100%;
  }
}
.section.program-selection .program {
  cursor: pointer;
  opacity: 0.7;
}
.section.program-selection .program.selected {
  -webkit-box-shadow: 0px 0px 3px 4px #1a5d7f;
          box-shadow: 0px 0px 3px 4px #1a5d7f;
  opacity: 1;
}
.section.program-selection .program-heading {
  display: block;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 15px;
}
.section.program-selection .program-rebate {
  margin: 0;
  padding-top: 15px;
}
.section.program-selection .program-rebate-amount {
  display: block;
  font-size: 1.5rem;
  font-weight: 100;
  margin-top: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.section.program-selection .card-style .program {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 14px -8px rgba(15, 15, 15, 0.7);
          box-shadow: 0 10px 14px -8px rgba(15, 15, 15, 0.7);
  cursor: default;
  margin: 1em auto;
  opacity: 1;
  padding: 1em 1.5em;
  text-align: center;
}
.section.program-selection .card-style .program .program-rebate {
  padding-top: 0;
}
.section.program-selection .card-style .program .program-rebate-amount {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.section.program-selection .card-style .program.selected {
  -webkit-box-shadow: 0 0 0 0.2em #1a5d7f;
          box-shadow: 0 0 0 0.2em #1a5d7f;
}
.section.program-selection .card-style .program-heading {
  margin-bottom: 0.25em;
  text-align: left;
  -ms-grid-row-align: center;
      align-self: center;
  font-weight: 300;
  grid-area: heading;
}
.section.program-selection .card-style .program-rebate {
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  text-align: left;
  grid-area: rebate;
}
.section.program-selection .card-style .program-rebate-text {
  font-size: 0.8rem;
}
.section.program-selection .card-style hr {
  margin: 1em -1em;
}
.section.program-selection .card-style .program-image {
  max-width: 420px;
  max-height: 242px;
}
.section.program-selection .card-style .program-description {
  margin: 1em auto;
  text-align: left;
  -ms-grid-column-span: auto;
  grid-column-end: auto;
  grid-area: description;
}
.section.program-selection .card-style .upper-program-description.cutoff:after {
  content: "…";
}
.section.program-selection .card-style .lower-program-description.hidden {
  display: none;
}
.section.program-selection .card-style .btn-toggle-details {
  margin-bottom: 1em;
  text-decoration: underline;
  cursor: pointer;
}
.section.program-selection .card-style .button:focus,
.section.program-selection .card-style .button:hover {
  color: cyan;
}
.section.program-selection .card-style .btn-selected {
  color: #ffffff;
  background-color: #1a5d7f;
  border-color: #185777;
  opacity: 1;
}
.section.program-selection .card-style .btn-selected:hover,
.section.program-selection .card-style .btn-selected:focus,
.section.program-selection .card-style .btn-selected:active,
.section.program-selection .card-style .btn-selected.active,
.open .dropdown-toggle.section.program-selection .card-style .btn-selected {
  color: #ffffff;
  background-color: #13445d;
  border-color: #0e3244;
}
.section.program-selection .card-style .btn-selected:active,
.section.program-selection .card-style .btn-selected.active,
.open .dropdown-toggle.section.program-selection .card-style .btn-selected {
  background-image: none;
}
.section.program-selection .card-style .btn-selected:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.section.program-selection .card-style .btn-selected.disabled,
.section.program-selection .card-style .btn-selected[disabled],
fieldset[disabled] .section.program-selection .card-style .btn-selected,
.section.program-selection .card-style .btn-selected.disabled:hover,
.section.program-selection .card-style .btn-selected[disabled]:hover,
fieldset[disabled] .section.program-selection .card-style .btn-selected:hover,
.section.program-selection .card-style .btn-selected.disabled:focus,
.section.program-selection .card-style .btn-selected[disabled]:focus,
fieldset[disabled] .section.program-selection .card-style .btn-selected:focus,
.section.program-selection .card-style .btn-selected.disabled:active,
.section.program-selection .card-style .btn-selected[disabled]:active,
fieldset[disabled] .section.program-selection .card-style .btn-selected:active,
.section.program-selection .card-style .btn-selected.disabled.active,
.section.program-selection .card-style .btn-selected[disabled].active,
fieldset[disabled] .section.program-selection .card-style .btn-selected.active {
  background-color: #1a5d7f;
  border-color: #185777;
}
.section.program-selection .card-style .btn-selected .badge {
  color: #1a5d7f;
  background-color: #ffffff;
}
.section.program-selection .card-style .btn-select {
  font-weight: 900;
  color: rgba(0, 0, 0, 0.48);
  background-color: rgba(217, 217, 217, 0.67);
  border: transparent;
}
@media (max-width: 768px) {
  .section.program-selection .card-style .program {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .section.program-selection .card-style .btn-toggle-details {
    text-decoration: underline;
  }
}
@media (min-width: 992px) {
  .section.program-selection .card-style .program {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .section.program-selection .card-style .program {
    display: -ms-grid;
    display: grid;
        grid-template-areas: "heading select" "hr hr" "description rebate";
    -ms-grid-columns: 1fr 8em;
    grid-template-columns: 1fr 8em;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding: 1em;
  }
  .section.program-selection .card-style .program .program-rebate {
    text-align: right;
  }
  .section.program-selection .card-style .program .btn-select,
  .section.program-selection .card-style .program .btn-selected {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .section.program-selection .card-style .program .btn-select {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .section.program-selection .card-style .btn-select,
  .section.program-selection .card-style .btn-selected {
    grid-area: select;
    -ms-grid-column-align: right;
        justify-self: right;
    -ms-grid-row-align: start;
        align-self: start;
    width: auto;
    margin-bottom: 0.5em;
  }
  .section.program-selection .card-style hr {
    grid-area: hr;
    margin: 0;
  }
  .section.program-selection .card-style .program-description {
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    margin: 0.5em 1em 0.5em 0;
  }
  .section.program-selection .card-style .program-description.full {
    margin-right: 0;
  }
  .section.program-selection .card-style .glyphicon {
    font: 12px;
  }
  .section.program-selection .card-style .program.expanded {
        grid-template-areas: "heading select" "hr hr" "description rebate" ". expand";
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .section.program-selection .card-style .program.expanded .btn-toggle-details {
    margin-top: 1em;
  }
  .section.program-selection .card-style .program.with-image {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate";
    -ms-grid-columns: auto 1fr 8em;
    grid-template-columns: auto 1fr 8em;
  }
  .section.program-selection .card-style .program.with-image .program-image {
    grid-area: image;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding-right: 1em;
    max-height: 100px;
    max-width: 240px;
  }
  .section.program-selection .card-style .program.with-image.expanded {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate" "image . expand";
  }
  .section.program-selection .card-style .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program.with-image.expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
.section.program-selection .container .card .card-body .card-title {
  font-size: 1.5rem;
}
.section.program-selection .container .card .card-body .card-text {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.program-selection .container .card .card-body .card-title {
    font-size: 1.2rem;
  }
  .section.program-selection .container .card .card-body .card-text {
    font-size: 1rem;
  }
}
.section.program-selection .container .card .button {
  font-size: 1.5rem;
}
.section.fulfillment .container {
  max-width: 75vw;
  text-align: left;
}
.section.fulfillment .container .section-heading {
  font-weight: bold;
  text-align: left;
  margin-left: 0;
  margin-bottom: 2.5%;
}
@media (max-width: 480px) {
  .section.fulfillment .container {
    text-align: left;
    max-width: 100%;
  }
  .section.fulfillment .container .section-heading {
    margin-left: 0;
  }
  .section.fulfillment .container .section-sub-heading {
    text-align: left;
    padding-left: 0;
  }
}
.section.fulfillment .section-fulfillment-checkbox {
  margin-top: 25px;
}
.section.fulfillment .section-sub-heading {
  margin-top: 2.5%;
}
.section.fulfillment .fulfillment-option-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.section.fulfillment .fulfillment-option-control.active {
  -webkit-box-shadow: 0px 0px 3px 4px #1a5d7f;
          box-shadow: 0px 0px 3px 4px #1a5d7f;
  opacity: 1;
}
.section.fulfillment .fulfillment-option-control .selected {
  font-size: 2.2rem;
}
.section.fulfillment .fulfillment-option-button {
  margin-top: auto;
}
.section.fulfillment .options-selector-buttons {
  margin-bottom: 5%;
}
.section.fulfillment .section-footer {
  font-size: 0.8rem;
  margin-top: 75px;
}
.section.survey {
  background-color: #eeeeee;
}
.section.survey .container {
  max-width: 75vw;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .section.survey .container {
    margin-left: 0;
    max-width: 90vw;
  }
}
.section.survey .container .section-heading {
  font-weight: bold;
  margin-top: 2%;
  text-align: left;
}
.section.survey .container .section-heading.inline {
  text-align: left;
  margin-left: 2%;
  margin-bottom: 1%;
}
.section.survey .container .btn-next {
  margin-left: 2%;
}
.section.survey .survey-questions {
  counter-reset: section;
  list-style-type: none;
  position: relative;
  text-align: left;
  margin-left: 30pt;
}
.section.survey .survey-questions > li {
  margin-bottom: 4em;
}
.section.survey .survey-question,
.section.survey .survey-answer {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2em;
}
.section.survey .survey-answer span {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2em;
  vertical-align: bottom;
}
.section.survey .survey-questions > li::before {
  counter-increment: section;
  content: counter(section) ".";
  display: inline-block;
  font-size: 1.5rem;
  left: -10px;
  line-height: 0.5em;
  position: absolute;
  padding-top: 0.5rem;
}
.section.confirmation {
  text-align: left;
}
.section.confirmation .container {
  max-width: 75vw;
}
.section.confirmation .container .section-heading,
.section.confirmation .container .section-sub-heading {
  color: inherit;
  text-align: left;
  margin: 0;
  padding: 0.1rem 0;
  font-weight: bold;
}
.section.confirmation .container .detail_card {
  background-color: #eeeeee;
}
.section.confirmation .container .pending-reward-heading {
  margin-top: 40px;
}
.section.confirmation .container .reward-breakdown {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-image {
  margin-right: 20px;
  max-width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-details {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 0px;
  padding: 22px;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-details .reward-breakdown-list {
  margin: 0;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3px;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row .reward-breakdown-value {
  text-align: right;
}
.section.confirmation .container .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row.reward-breakdown-total {
  border-top: 1px solid #999999;
  font-weight: bold;
}
@media (max-width: 768px) {
  .section.confirmation .container .reward-breakdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section.confirmation .container .reward-breakdown .reward-breakdown-image {
    margin: 0 0 20px;
    max-width: 50%;
  }
  .section.confirmation .container .reward-breakdown .reward-breakdown-details {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .section.confirmation .container {
    max-width: 100%;
  }
}
.section.submitted {
  margin-top: 2%;
  text-align: left;
  border: 0;
  height: auto;
}
.section.submitted .container {
  max-width: 75vw;
}
.section.submitted .container .bucket {
  background-color: #d9d9d9;
  text-align: left;
  padding: 10px;
}
.section.submitted .container .bucket .bucket-heading {
  font-weight: bold;
  padding: 1rem 0;
  margin: 0;
}
.section.submitted .container .bucket .section-heading {
  font-weight: bold;
  padding-bottom: 1rem;
  margin: 0;
  text-align: left;
  color: inherit;
}
.section.submitted .container .bucket .section-sub-heading {
  color: inherit;
  margin-top: 0;
  font-weight: bold;
}
.section.submitted .container .bucket .submitted-invoice {
  width: 100%;
}
.section.submitted .container .bucket .component-company-footer .logo-container .img-company-logo {
  background-image: url('/images/360LogoColourHorizontal.svg');
  opacity: 1;
}
.section.submitted .container .bucket .component-company-footer .footer-links:before {
  border-color: #999999;
}
.section.submitted .container .bucket .component-company-footer .footer-links .footer-link {
  color: #999999;
  opacity: 1;
}
@media (max-width: 992px) {
  .section.submitted .container .bucket .component-company-footer .logo-container .img-company-logo {
    background-image: url('/images/360LogoColour.svg');
  }
}
@media (max-width: 480px) {
  .section.submitted .container {
    max-width: 100%;
    word-wrap: break-word;
  }
}
.section.promotions {
  height: auto;
  border: 0;
}
.section.promotions .form-list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section.promotions .form-list .form-flex {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section.promotions .form-list .form-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 992px) {
  .section.promotions .form-list .form-flex,
  .section.promotions .form-list .form-body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.section.promotions .form-list .form-heading {
  font-size: 1.5rem;
  font-weight: 100;
  margin-bottom: 5px;
  margin-top: 5px;
}
.section.existing {
  border: 0;
  height: auto;
}
.section.existing .alert-heading {
  -ms-hyphens: auto;
      hyphens: auto;
  word-break: break-word;
}
.section.existing .section-heading {
  color: #555555;
}
.section.existing .section-heading,
.section.existing .section-sub-heading {
  color: inherit;
  margin-bottom: 40px;
}
.section.existing .sub-section {
  margin-top: 25px;
  padding: 25px 0;
}
.section.existing .sub-section .component-spinner {
  position: absolute;
}
.section.existing .sub-section .reward-breakdown {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* If there is no donation on the claim... */
}
.section.existing .sub-section .reward-breakdown.no-donation {
  /* Center the card image. */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Remove the margin from the card image. */
  /* Hide the breakdown details table. */
}
.section.existing .sub-section .reward-breakdown.no-donation .reward-breakdown-image {
  margin: 0;
}
.section.existing .sub-section .reward-breakdown.no-donation .reward-breakdown-details {
  display: none;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-image {
  margin-right: 20px;
  max-width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px;
  padding: 22px;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-details .reward-breakdown-list {
  margin: 0;
  height: 100%;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row .reward-breakdown-value {
  text-align: right;
}
.section.existing .sub-section .reward-breakdown .reward-breakdown-details .reward-breakdown-list .reward-breakdown-row.reward-breakdown-total {
  border-top: 1px solid #999999;
  font-weight: bold;
}
@media (max-width: 768px) {
  .section.existing .sub-section .reward-breakdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section.existing .sub-section .reward-breakdown .reward-breakdown-image {
    margin: 0 0 20px;
    max-width: 50%;
  }
  .section.existing .sub-section .reward-breakdown .reward-breakdown-details {
    width: 100%;
  }
}
.section.existing .sub-section .detail_card {
  background-color: #eeeeee;
}
@media (min-width: 480px) {
  .section.existing .sub-section .detail_card {
    border-radius: 4px;
    display: -ms-grid;
    display: grid;
        grid-template-areas: "heading select" "hr hr" "description rebate";
    -ms-grid-columns: 1fr 8em;
    grid-template-columns: 1fr 8em;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding: 1em;
  }
  .section.existing .sub-section .detail_card .detail_card--amount {
    text-align: right;
  }
  .section.existing .sub-section .detail_card .btn-select,
  .section.existing .sub-section .detail_card .btn-selected {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .section.existing .sub-section .detail_card .btn-select {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .section.existing .sub-section .detail_card .btn-select,
  .section.existing .sub-section .detail_card .btn-selected,
  .section.existing .sub-section .detail_card .btn-link {
    display: -ms-inline-grid;
    grid-area: select;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: start;
        align-self: start;
    width: auto;
    margin-bottom: 0.5em;
  }
  .section.existing .sub-section .detail_card hr {
    grid-area: hr;
    margin: 0;
  }
  .section.existing .sub-section .detail_card .detail_card--description {
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    margin: 0.5em 1em 0.5em 0;
  }
  .section.existing .sub-section .detail_card.detail_card--description-full {
    margin-right: 0;
  }
  .section.existing .sub-section .detail_card .glyphicon {
    font: 12px;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded {
        grid-template-areas: "heading select" "hr hr" "description rebate" ". expand";
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded .btn-toggle-details {
    margin-top: 1em;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate";
    -ms-grid-columns: auto 1fr 8em;
    grid-template-columns: auto 1fr 8em;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image .detail_card--image {
    grid-area: image;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding-right: 1em;
    max-height: 100px;
    max-width: 240px;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate" "image . expand";
  }
  .section.existing .sub-section .detail_card > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card > .btn-select,
  .section.existing .sub-section .detail_card > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
}
.section.existing .sub-section .detail_card .detail_card--heading {
  font-size: 1.5rem;
}
@media (max-width: 480px) {
  .section.existing .sub-section .detail_card .detail_card--heading {
    font-size: 1.2rem;
  }
}
.section.existing .sub-section .detail_card .detail_card--description {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .sub-section .detail_card .detail_card--description {
    font-size: 1rem;
  }
}
.section.existing .sub-section .detail_card .detail_card--amount_text {
  font-size: 0.8rem;
}
@media (max-width: 480px) {
  .section.existing .sub-section .detail_card .detail_card--amount_text {
    font-size: 0.75rem;
  }
}
.section.existing .sub-section .detail_card .detail_card--amount_value {
  font-size: 1.5rem;
}
@media (max-width: 480px) {
  .section.existing .sub-section .detail_card .detail_card--amount_value {
    font-size: 1.2rem;
  }
}
.section.existing .control-label,
.section.existing .has-error .control-label {
  color: #555555;
}
.section.existing .table {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .table {
    font-size: 1rem;
  }
}
.section.existing .table .claim-entry-detail {
  vertical-align: baseline;
}
.section.existing .table .claim-entry-detail-serial-number {
  width: 330px;
}
.section.existing .table .claim-entry-detail-serial-number .help-block {
  color: #555555;
}
.section.existing .table .claim-entry-detail-sell-price {
  text-align: center;
}
.section.existing .table .claim-entry-label {
  margin-bottom: 0px;
}
.section.existing .table .input .form-control {
  margin-top: 15px;
}
.section.existing .table .input .feedback-icon {
  top: 15px;
}
.section.existing .additional-fields {
  padding: 0;
}
.section.existing .additional-fields .container.additional-fields-container {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .additional-fields .container.additional-fields-container {
    font-size: 1rem;
  }
}
.section.existing .container {
  padding-left: 10%;
  padding-right: 10%;
  margin: 0;
  max-width: 100%;
}
@media (max-width: 768px) {
  .section.existing .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.section.existing .container .existing-claim-row.row {
  text-align: left;
  width: 100%;
  --bs-gutter-x: 0;
}
.section.existing .container .existing-claim-row.row .details-container {
  padding-left: 0;
  padding-right: 0;
  overflow-x: auto;
}
.section.existing .container .existing-claim-row.row .details-container .details-heading {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .details-container .details-heading {
    font-size: 1.8rem;
  }
}
.section.existing .container .existing-claim-row.row .details-container .details-label {
  font-weight: bold;
}
.section.existing .container .existing-claim-row.row .details-container .details-value,
.section.existing .container .existing-claim-row.row .details-container .details-label {
  font-size: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .details-container .details-value,
  .section.existing .container .existing-claim-row.row .details-container .details-label {
    font-size: 1.2rem;
  }
}
.section.existing .container .existing-claim-row.row .details-container .details-value .status-display,
.section.existing .container .existing-claim-row.row .details-container .details-label .status-display {
  font-size: 1rem;
}
.section.existing .container .existing-claim-row.row .details-container .details-value.status {
  padding-bottom: 0.5rem;
}
.section.existing .container .existing-claim-row.row .progress-meter .progress-meter-stage {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .progress-meter .progress-meter-stage {
    font-size: 0.75rem;
  }
}
.section.existing .container .existing-claim-row.row .claim-status-container {
  padding-left: 0;
  padding-right: 0;
}
.section.existing .container .existing-claim-row.row .claim-status-container .claim-status-title,
.section.existing .container .existing-claim-row.row .claim-status-container .claim-status-body {
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .claim-status-container .claim-status-title,
  .section.existing .container .existing-claim-row.row .claim-status-container .claim-status-body {
    font-size: 1rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .section-sub-heading {
  text-align: left;
  font-size: 1.5rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .section-sub-heading {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .col-md-12 .reward-breakdown .reward-breakdown-details {
  margin: 0;
  background-color: white;
  -webkit-box-shadow: inset 0 0 10px #bbb;
          box-shadow: inset 0 0 10px #bbb;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .col-md-12 .reward-breakdown .reward-breakdown-details {
    font-size: 1rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload {
  margin: 0;
  max-width: 100%;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .component-document-upload {
    font-size: 1rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-area {
  margin: 0;
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-list {
  text-align: left;
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .upload-area-heading {
  text-align: left;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .component-document-upload .upload-area-heading {
    font-size: 1rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-item {
  width: 100%;
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-button {
  width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-accepted-format {
  text-align: left;
  font-size: 0.8rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-accepted-format {
    font-size: 0.75rem;
  }
}
.section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-reminder {
  text-align: left;
  font-size: 0.8rem;
}
@media (max-width: 480px) {
  .section.existing .container .existing-claim-row.row .sub-section .component-document-upload .document-upload-reminder {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .section.existing .input,
  .section.existing .input-group,
  .section.existing .form-control {
    max-width: 100%;
  }
}
.section.legal {
  border: 0;
}
.section.legal .consent-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section.legal .consent-checkbox .form-check-input[type=checkbox] {
  margin-right: 10px;
}
.section.legal .legal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.section.legal .legal-logo {
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 200px;
}
.section.legal .btn-legal-home {
  display: inline-block;
  width: 25%;
}
@media (max-width: 992px) {
  .section.legal .legal-header {
    display: inline-block;
  }
  .section.legal .legal-logo {
    display: block;
  }
  .section.legal .btn-legal-home {
    display: block;
    margin-top: 20px;
    width: 100%;
  }
}
.section.legal .legal-container {
  margin-bottom: 20px;
}
.section.legal .legal-container.white {
  background-color: white;
}
.section.legal .legal-body {
  text-align: left;
}
.section.legal .legal-body em {
  display: block;
  margin-top: 25px;
}
.section.legal .legal-body table {
  border: 1px solid #555555;
}
.section.legal .legal-body table tbody tr:nth-child(odd) {
  background: #f5f5f5f5;
}
.section.legal .legal-body table th,
.section.legal .legal-body table td {
  border: 1px solid #555555;
  padding: 5px;
}
.section.legal .legal-body ul {
  width: 100%;
}
.section.upload-portal {
  border: 0;
}
.section.upload-portal .logo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 0 auto;
  width: 80%;
  height: 25%;
}
.section.upload-portal .component-company-footer .logo-container .img-company-logo {
  background-image: url('/images/360LogoColourHorizontal.svg');
  opacity: 1;
}
.section.upload-portal .component-company-footer .footer-links:before {
  border-color: #999999;
}
.section.upload-portal .component-company-footer .footer-links .footer-link {
  color: #999999;
  opacity: 1;
}
@media (max-width: 992px) {
  .section.upload-portal .component-company-footer .logo-container .img-company-logo {
    background-image: url('/images/360LogoColour.svg');
  }
}
.section.login {
  border: 0;
}
.section.login .section-heading {
  color: #555555;
}
.section.login .login-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 0 auto 5vh;
}
.section.login .invalid {
  color: #d9534f;
}
.section.login .component-company-footer .logo-container .img-company-logo {
  background-image: url('/images/360LogoColourHorizontal.svg');
  opacity: 1;
}
.section.login .component-company-footer .footer-links:before {
  border-color: #999999;
}
.section.login .component-company-footer .footer-links .footer-link {
  color: #999999;
  opacity: 1;
}
@media (max-width: 992px) {
  .section.login .component-company-footer .logo-container .img-company-logo {
    background-image: url('/images/360LogoColour.svg');
  }
}
.align-right {
  text-align: right;
}
.help-block {
  color: #ffffff;
  text-align: left;
}
@media (max-width: 480px) {
  .section {
    padding-top: 0;
  }
}
.claimListingTable {
  padding-top: 0;
  width: 60%;
  border: 2px solid rgba(0, 0, 0, 0.175);
  margin: 0 auto;
}
.claimListingTable td,
.claimListingTable th {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}
.claimListingTable tr:nth-child(odd) {
  background-color: #f4f4f4;
}
.claimListingTable tr:nth-child(even) {
  background-color: #ffffff;
}
.claimListingTable th {
  background-color: #f4f4f4;
}
.claimListingTable .submitted {
  color: #00a3bf;
}
.claimListingTable .paid {
  color: #5cb85c;
}
.claimListingTable .declined {
  color: red;
}
.claimListingTable .arrowSymbol {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.175);
  padding-left: 15px;
  font-family: monospace;
  font-size: x-large;
}
.claimListingTable td {
  cursor: pointer;
}
.control-label.required-field::after {
  content: ' *' / '';
}
.errors-remain-warning {
  background-color: #a94442;
  border-radius: 6px;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 16px 0px;
}
.errors-remain-warning p {
  margin-bottom: 10px;
}
.faq-button {
  color: #777777;
  background-color: #ffffff;
  border: 1px #e4e4e4 solid;
  border-radius: 2px;
  bottom: 150px;
  opacity: 0.6;
  padding: 7px 7px 7px 10px;
  position: fixed;
  right: 100px;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  z-index: 3;
}
.faq-button:hover {
  color: #777777;
  opacity: 1;
  text-decoration: none;
}
.faq-button:focus {
  color: #777777;
  text-decoration: none;
}
.faq-button .faq-label {
  color: #000000;
  font-size: 1rem;
}
.faq-button .fa {
  font-size: 60px;
}
@media (max-width: 992px) {
  .faq-button {
    bottom: 10px;
    right: 20px;
  }
}
@media (max-width: 768px) {
  .faq-button {
    background: none;
    border: none;
  }
  .faq-button .faq-label {
    display: none;
  }
}
.input,
.component-dropdown {
  margin-bottom: 15px;
  position: relative;
}
.input .input-group,
.component-dropdown .input-group {
  margin-bottom: 0px;
}
.input .error-message,
.component-dropdown .error-message {
  background-color: #a94442;
  border-radius: 0 0 6px 6px;
  color: #ffffff;
  padding: 5px 5px 5px 16px;
  position: relative;
  text-align: left;
  width: 100%;
  white-space: pre-line;
}
.input .error-message p,
.component-dropdown .error-message p {
  margin-bottom: 0;
}
.input .error-message ~ .help-block,
.component-dropdown .error-message ~ .help-block {
  margin-top: 5px;
}
.upload-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.upload-options .component-upload-invoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  max-width: 550px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 310px;
          flex: 0 1 310px;
  margin: 0 20px;
  padding: 20px;
}
@media (max-width: 480px) {
  .upload-options .component-upload-invoice {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 95%;
            flex: 0 1 95%;
  }
}
.upload-options .component-upload-invoice .upload-invoice-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.upload-options .component-upload-invoice .upload-invoice-body .upload-invoice-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.upload-options .component-upload-invoice .upload-invoice-body .upload-invoice-wrapper .control-label,
.upload-options .component-upload-invoice .upload-invoice-body .upload-invoice-wrapper .has-error .control-label {
  color: #555555;
}
.upload-options .component-upload-invoice .upload-invoice-body .invoice-upload-message {
  margin-bottom: 30px;
}
.upload-invoice-list {
  margin: 30px 0;
}
.upload-invoice-list > .upload-invoice-no-items {
  min-height: 150px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.upload-invoice-list .upload-invoice-wrapper {
  display: inline-block;
  margin: 10px 15px 10px 0;
  width: 40%;
  position: relative;
}
.upload-invoice-list .upload-invoice-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  color: white;
  font-weight: bold;
}
.upload-invoice-list .upload-invoice-overlay .countdown {
  font-size: 2.2rem;
  padding-top: 10%;
}
.upload-invoice-list .upload-invoice-overlay .progress {
  position: absolute;
  bottom: 10px;
  width: 94%;
  margin-left: 3%;
  background-color: rgba(255, 255, 255, 0.6);
}
.upload-invoice-list .upload-invoice-overlay .progress .progress-bar {
  background-color: rgba(0, 0, 0, 0.8);
}
.upload-invoice-list .iframe-upload-invoice-wrapper {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.upload-invoice-list .img-upload-invoice {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  cursor: pointer;
  padding: 15px;
  width: 100%;
}
.upload-invoice-list .iframe-upload-invoice {
  border: 1px solid #eeeeee;
  border-radius: 8px;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  height: 150%;
}
.upload-invoice-list .upload-invoice-delete {
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transform: translate(0, -15px);
          transform: translate(0, -15px);
}
@media (max-width: 480px) {
  .upload-invoice-list .upload-invoice-wrapper {
    width: 100%;
  }
}
.component-product-list .product-add,
.component-product-list .product-add:hover {
  color: #ffffff;
}
.component-product-list .product-list {
  margin: 0;
  padding: 0;
}
.component-product-list .product-list .product {
  list-style: none;
  margin-bottom: 5%;
  position: relative;
  text-align: left;
}
.component-product-list .product-list .product .alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.component-product-list .product-list .product .alert .svg-inline--fa {
  margin: 2px 8px 0 0;
}
.component-product-list .product-list .product-remove {
  position: absolute;
  top: 18px;
  right: 8px;
  z-index: 10;
}
.component-product-list .product-list .help-block {
  text-align: left;
}
@media (max-width: 480px) {
  .component-product-list .product-list {
    padding-left: 0;
  }
}
.component-dealer .btn-link,
.automotive-vehicle-selection-manual-toggle {
  color: #ffffff;
  text-decoration: underline;
}
.component-dealer .btn-link:hover,
.automotive-vehicle-selection-manual-toggle:hover {
  cursor: pointer;
  color: inherit;
}
.component-custom-checkbox .checkbox-inline {
  padding: 0;
  width: 100%;
}
.component-custom-checkbox .cc-wrapper {
  font-size: 1.5rem;
  line-height: 1em;
  padding-left: 0.5em;
}
.component-custom-checkbox .cc-wrapper:before {
  display: table-cell;
  font-family: "Glyphicons Halflings";
  padding: 0 15px 0 5px;
  vertical-align: middle;
}
.component-custom-checkbox .form-group,
.component-custom-checkbox input[type="text"] {
  display: inline-block;
  margin: 0;
  width: calc(100% - 26px);
}
.component-custom-checkbox .form-group input {
  width: 100%;
}
.component-custom-checkbox input[name="legalAgreement"] {
  left: 15px;
  margin-top: 5px !important;
}
.component-custom-checkbox input[name="privacyAgreement"] {
  left: 15px;
  margin-top: 5px !important;
}
.component-custom-checkbox input[type="checkbox"] {
  visibility: visible;
  margin-left: 2px;
  margin-top: -1px;
}
.component-custom-checkbox input[name="bacsLegalAgreement"] {
  left: 7%;
  margin-top: 5px !important;
}
.component-custom-checkbox input[name="installation-address-control"] {
  left: 7%;
  margin-top: 5px !important;
}
.shipment-methods,
.communication-methods {
  margin: 40px 0;
}
.bucket {
  background-color: #eeeeee;
  border-radius: 6px;
  color: #333333;
  list-style: none;
  margin-top: 20px;
  padding: 25px;
  position: relative;
}
.bucket .bucket-heading {
  font-size: 1.5rem;
  line-height: 1.1;
  margin: 20px 0;
}
.bucket label[for] {
  cursor: pointer;
}
.bucket label p {
  font-weight: normal;
}
.bucket ol,
.bucket ul {
  margin: 0 auto;
  text-align: left;
  width: 50%;
}
.bucket.legal-container {
  background-color: #ffffff;
}
.bucket.legal-container ol,
.bucket.legal-container ul {
  margin: 0;
  width: 100%;
}
.bucket .infoBox-message {
  font-size: 1rem;
}
.list-group {
  color: #333333;
}
.component-claim-summary h1,
.component-claim-summary h2,
.component-claim-summary h3,
.component-claim-summary h4,
.component-claim-summary h5 {
  text-align: left;
}
.component-claim-summary td {
  width: 50%;
}
.component-typeahead {
  position: relative;
  text-align: left;
}
.component-typeahead .ta-suggestion-list {
  background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 0 0 8px 8px;
  max-height: 225px;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 10px 0 0;
  position: absolute;
  text-align: left;
  top: 32px;
  width: 100%;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.component-typeahead .ta-suggestion-list .ta-suggestion-list-footer {
  position: relative;
  width: 100%;
  background-color: #F1F1F1;
  font-size: 0.8rem;
  padding: 10px;
}
.component-typeahead .ta-suggestion-list .ta-suggestion-list-footer .btn-link {
  margin: 0;
  color: #222222;
}
.component-typeahead .ta-suggestion-list-results {
  overflow-y: scroll;
}
.component-typeahead .ta-group {
  margin-top: 20px;
}
.component-typeahead .ta-group:first-child {
  margin-top: 0;
}
.component-typeahead .ta-suggestion-heading {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 5px 15px;
}
.component-typeahead .ta-suggestion-models {
  padding: 10px 25px 7px;
}
.component-typeahead .ta-suggestion-models:hover,
.component-typeahead .ta-suggestion-models:target,
.component-typeahead .ta-suggestion-models.active {
  background-color: #1a5d7f;
  color: #ffffff;
  outline: 1px dashed #999999;
}
.component-typeahead .ta-suggestion-models > * {
  width: 100%;
}
.component-typeahead .ta-suggestion {
  cursor: pointer;
  padding: 10px 25px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.component-typeahead .ta-suggestion:hover,
.component-typeahead .ta-suggestion:target,
.component-typeahead .ta-suggestion.active {
  background-color: #1a5d7f;
  color: #ffffff;
  outline: 1px dashed #999999;
}
.component-typeahead .ta-suggestion > * {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.component-typeahead .ta-suggestion-highlight {
  font-weight: bold;
}
.component-typeahead .ta-list-close {
  background-color: #dedede;
  border: 1px solid #b8b8b8;
  color: inherit;
  padding: 3px 10px;
  position: absolute;
  right: 10px;
  top: 5em;
  z-index: 200;
}
.component-legal-box {
  background-color: #ffffff;
  border-radius: 6px;
  color: #555555;
  font-size: 1rem;
  line-height: 1.5em;
  height: 15em;
  margin: 30px 0 15px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 15px;
  text-align: left;
}
.component-legal-box:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.component-legal-box.half {
  height: auto;
  max-height: 50vh;
}
.component-legal-box .legal-body {
  text-align: left;
}
.component-legal-box .legal-body em {
  display: block;
  margin-top: 25px;
}
.component-legal-box .legal-body table {
  border: 1px solid #555555;
}
.component-legal-box .legal-body table tbody tr:nth-child(odd) {
  background: #f5f5f5f5;
}
.component-legal-box .legal-body table th,
.component-legal-box .legal-body table td {
  border: 1px solid #555555;
  padding: 5px;
}
.component-legal-box .legal-body ul {
  width: 100%;
}
.component-alert {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: slideinfromtop;
          animation-name: slideinfromtop;
  position: fixed;
  top: 5px;
  width: 100%;
  z-index: 1000;
}
.component-alert .component-alert-heading {
  font-size: 1rem;
}
.component-alert .alert-error {
  padding: 5px;
}
@-webkit-keyframes slideinfromtop {
  from {
    top: -100%;
  }
  to {
    top: 5px;
  }
}
@keyframes slideinfromtop {
  from {
    top: -100%;
  }
  to {
    top: 5px;
  }
}
.text-highlight-primary {
  color: #1a5d7f;
}
.purchase-eyeExamDate {
  z-index: 102;
}
.purchase-dateOfPurchase {
  z-index: 101;
}
.purchase-deliveryDate {
  z-index: 100;
}
.component-datepicker {
  color: #555555;
  margin-bottom: 15px;
  position: relative;
}
.component-datepicker .form-group {
  margin: 0;
}
.component-datepicker .form-group .dp-input[readonly] {
  background-color: #ffffff;
  cursor: default;
}
.component-datepicker .form-group .form-control-feedback {
  right: 6px;
  top: 20px;
}
.component-datepicker.focused .error-message {
  display: none;
}
.component-datepicker.focused .form-group .dp-input,
.component-datepicker.focused .form-group .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.component-datepicker .dp-calendar-wrapper {
  background-color: #ffffff;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 20px 10px 10px;
  position: relative;
  top: -1px;
  z-index: 2;
}
.component-datepicker .dp-calendar {
  width: 100%;
}
.component-datepicker .dp-prev-month {
  text-align: left;
}
.component-datepicker .dp-period {
  font-size: 1.5rem;
  text-align: center;
}
.component-datepicker .dp-next-month {
  text-align: right;
}
.component-datepicker .dp-header-day,
.component-datepicker .dp-day {
  padding: 5px;
  text-align: center;
}
.component-datepicker .dp-header-day {
  border-bottom: 1px solid #555555;
}
.component-datepicker .dp-day-marker {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  overflow: hidden;
  padding: 5px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .component-datepicker .dp-day:not(.disabled) {
    cursor: pointer;
  }
  .component-datepicker .dp-day:not(.disabled):hover .dp-day-marker {
    border-color: #999999;
  }
  .component-datepicker .dp-day.disabled {
    cursor: not-allowed;
  }
}
.component-datepicker .dp-today-marker {
  border-bottom: 15px solid #1a5d7f;
  border-left: 15px solid transparent;
  bottom: 0;
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
.component-datepicker .dp-day.active .dp-day-marker {
  color: #ffffff;
  background-color: #1a5d7f;
}
.component-datepicker .dp-day.active .dp-today-marker {
  border-bottom-color: #999999;
}
.component-datepicker .dp-day.disabled .dp-day-marker {
  color: #999999;
  background-color: #eeeeee;
}
.component-serial-number .component-custom-checkbox {
  margin-bottom: 15px;
  margin-top: -10px;
}
.component-serial-number .component-custom-checkbox .cc-wrapper {
  font-size: 1rem;
}
.component-company-footer {
  bottom: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  left: 0;
  padding: 20px;
  position: absolute;
}
.component-company-footer .logo-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
.component-company-footer .logo-container .img-company-logo {
  background-image: url('/images/360LogoWhiteHorizontal.svg');
  opacity: 0.6;
  width: 143px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
}
.component-company-footer .footer-links {
  display: -ms-grid;
  display: grid;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  margin-left: 40px;
}
.component-company-footer .footer-links:before {
  border: 1px solid #ffffff;
  content: "";
  height: 36px;
  left: 188px;
  opacity: 0.6;
  position: absolute;
  top: 20px;
}
.component-company-footer .footer-links .footer-legal,
.component-company-footer .footer-links .footer-promotions,
.component-company-footer .footer-links .footer-terms-and-conditions,
.component-company-footer .footer-links .footer-additional-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.component-company-footer .footer-links .footer-legal li,
.component-company-footer .footer-links .footer-promotions li,
.component-company-footer .footer-links .footer-terms-and-conditions li,
.component-company-footer .footer-links .footer-additional-links li {
  display: inline;
}
.component-company-footer .footer-links .footer-legal {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
.component-company-footer .footer-links .footer-promotions {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
.component-company-footer .footer-links .footer-terms-and-conditions {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
.component-company-footer .footer-links .footer-additional-links {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4 / 5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
}
.component-company-footer .footer-links .footer-link {
  color: #eeeeee;
  font-size: 0.8rem;
  line-height: 36px;
  padding: 0 10px;
  opacity: 0.8;
}
.component-company-footer .footer-links .ot-sdk-show-settings {
  color: #eeeeee !important;
  font-size: 0.8rem !important;
  line-height: 36px !important;
  padding: 0 10px !important;
  background: none !important;
  border: none !important;
  opacity: 0.8 !important;
}
.component-company-footer .footer-links .ot-sdk-show-settings:hover {
  text-decoration: underline;
}
.component-company-footer .footer-links .ot-sdk-show-settings:focus-visible {
  outline: 2px solid #000000 !important;
  outline-offset: 2px !important;
}
.component-company-footer.colour .logo-container .img-company-logo {
  background-image: url('/images/360LogoColourHorizontal.svg');
  opacity: 1;
}
.component-company-footer.colour .footer-links:before {
  border-color: #999999;
}
.component-company-footer.colour .footer-links .footer-link {
  color: #999999;
  opacity: 1;
}
@media (max-width: 992px) {
  .component-company-footer.colour .logo-container .img-company-logo {
    background-image: url('/images/360LogoColour.svg');
  }
}
@media (max-width: 992px) {
  .component-company-footer {
    position: relative;
  }
  .component-company-footer .logo-container {
    -ms-grid-column-align: center;
        justify-self: center;
    width: 143px;
  }
  .component-company-footer .logo-container .img-company-logo {
    background-image: url('/images/360LogoWhite.svg');
    height: 70px;
  }
  .component-company-footer .footer-links {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
    margin-left: 0;
  }
  .component-company-footer .footer-links .footer-legal {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
  .component-company-footer .footer-links .footer-promotions {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
  .component-company-footer .footer-links:before {
    display: none;
  }
}
.component-fulfillment-options .component-fulfillment-bacs {
  width: 100%;
}
.component-fulfillment-options .component-fulfillment-bacs .control-label {
  color: #555555;
}
.component-fulfillment-options .fulfillment-product-list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.component-fulfillment-options .fulfillment-product-list .fulfillment-product-container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 250px;
}
.component-fulfillment-options .fulfillment-product-list .fulfillment-product-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0.7;
  width: 100%;
}
.component-fulfillment-options .fulfillment-product-list .fulfillment-product-body .fulfillment-product-image-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.component-fulfillment-options .fulfillment-product-list .fulfillment-product-body.active {
  -webkit-box-shadow: 0px 0px 2px 4px rgba(26, 93, 127, 0.3);
          box-shadow: 0px 0px 2px 4px rgba(26, 93, 127, 0.3);
  opacity: 1;
}
@media (max-width: 992px) {
  .component-fulfillment-options .fulfillment-product-list .fulfillment-product-container,
  .component-fulfillment-options .fulfillment-product-list .fulfillment-product-body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.component-fulfillment-options [class^="component-fulfillment-monetary-"] .fulfillment-monetary-image {
  max-width: 50%;
  margin-top: 20px;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.component-cookie-law-banner {
  -webkit-animation-duration: 0.65s;
          animation-duration: 0.65s;
  -webkit-animation-name: fadein;
          animation-name: fadein;
  background-color: rgba(34, 34, 34, 0.9);
  color: #ffffff;
  display: inline-block;
  font-size: 1rem;
  height: auto;
  position: fixed;
  padding: 5px 10px;
  text-align: center;
  bottom: 0 !important;
  top: auto !important;
  left: 0;
  width: 100%;
}
.component-cookie-law-banner a {
  border: 1px solid #ffffff;
  border-radius: 6px;
  color: #ffffff;
  display: inline-block;
  margin-top: 8px;
  padding: 5px 10px;
  text-decoration: none;
}
.component-cookie-law-banner a:active {
  border-color: #1a5d7f;
  color: #1a5d7f;
}
.component-cookie-law-banner .cookie-law-banner-dismiss {
  margin-left: 5%;
}
.component-dropdown {
  color: #666;
}
.component-dropdown .component-dropdown-label {
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 0;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
.component-dropdown .component-dropdown-label ~ .form-control-feedback {
  top: 22px;
}
.component-dropdown.open .component-dropdown-selection {
  border-bottom: 1px solid #d9d9d9;
}
.component-dropdown .component-dropdown-selection {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  padding: 10px;
  position: relative;
  font-size: 1rem;
  color: #555555;
  z-index: 2;
}
.component-dropdown .component-dropdown-selection:after {
  content: "▼";
  display: block;
  font-size: 0.8rem;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 10px;
  top: calc(50% - .5em);
}
.component-dropdown .has-error .component-dropdown-selection {
  background-color: #f9e2e2;
  border-color: #a94442;
  color: #a02622;
  border-radius: 6px 6px 0px 0px;
}
.component-dropdown .component-dropdown-list {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  position: relative;
  max-height: 33vh;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}
.component-dropdown .component-dropdown-list-group {
  padding: 10px 0 0;
}
.component-dropdown .component-dropdown-list-group:first-child {
  padding-top: 15px;
}
.component-dropdown .component-dropdown-list-group .component-dropdown-list-group-label {
  display: block;
  margin-bottom: 5px;
  padding-left: 16px;
  font-weight: bold;
}
.component-dropdown .component-dropdown-list-group .component-dropdown-list-item {
  padding: 8px 24px;
}
.component-dropdown .component-dropdown-list-group .component-dropdown-list-item:focus {
  background-color: #CCCCCC;
}
.component-dropdown .component-dropdown-list-item {
  cursor: pointer;
  padding: 8px 12px;
}
.component-dropdown .component-dropdown-list-item:after {
  border: 1px solid #9ecaed;
  -webkit-box-shadow: 0 0 5px #9ecaed;
          box-shadow: 0 0 5px #9ecaed;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.component-dropdown .component-dropdown-list-item:focus:after {
  opacity: 1;
}
.component-dropdown .component-dropdown-list-item:hover {
  background-color: #d9d9d9;
}
.component-upload-instructions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #eeeeee;
  padding: 0 30px 30px 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .component-upload-instructions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 30px 0;
  }
}
.component-upload-instructions .invoice-upload-instruction {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.5;
}
.component-upload-instructions .invoice-upload-instruction .circle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  top: -10px;
  font-weight: 900;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: rgba(204, 204, 204, 0.65);
}
@media (max-width: 768px) {
  .component-upload-instructions .invoice-upload-instruction .circle {
    top: 0;
    margin-right: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.component-upload-instructions .invoice-upload-instruction .circle .invoice-upload-instruction-index {
  position: relative;
  top: 1px;
}
@media (max-width: 768px) {
  .component-upload-instructions .invoice-upload-instruction .circle .invoice-upload-instruction-index {
    top: 4px;
    left: 8px;
  }
}
.component-upload-instructions .invoice-upload-instruction .invoice-upload-instruction-text {
  font-weight: 400;
}
.component-upload-instructions .invoice-upload-instruction .invoice-upload-instruction-link a {
  color: #1a5d7f;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .component-upload-instructions .invoice-upload-instruction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 1;
  }
  .component-upload-instructions .invoice-upload-instruction:first-child {
    margin-top: 30px;
  }
  .component-upload-instructions .invoice-upload-instruction .invoice-upload-instruction-text {
    display: inline;
    text-align: left;
  }
  .component-upload-instructions .invoice-upload-instruction .invoice-upload-instruction-heading {
    display: inline;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
  }
  .component-upload-instructions .invoice-upload-instruction .invoice-upload-instruction-link {
    display: inline;
  }
}
.component-document-upload {
  color: #555555;
  margin: 0 auto;
  max-width: 600px;
}
.component-document-upload input[type="file"] {
  display: none;
}
.component-document-upload .document-upload-area {
  padding-top: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0px 8px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0px 8px -2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}
@media (max-width: 768px) {
  .component-document-upload .document-upload-area {
    border-radius: 0;
  }
}
.component-document-upload .document-upload-area.dropping {
  cursor: copy;
  opacity: 0.3;
}
.component-document-upload .document-upload-area.uploading {
  cursor: progress;
}
.component-document-upload .start-sms-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  text-align: left;
}
.component-document-upload .start-sms-upload-instruction {
  -ms-flex-preferred-size: calc(33.33% - 10px);
      flex-basis: calc(33.33% - 10px);
  margin-right: 10px;
}
.component-document-upload .start-sms-upload-input {
  -ms-flex-preferred-size: 66.66%;
      flex-basis: 66.66%;
}
@media (max-width: 768px) {
  .component-document-upload .start-sms-upload {
    display: none;
  }
}
.component-document-upload .document-upload-start {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.component-document-upload .document-upload-start:hover {
  cursor: pointer;
}
.component-document-upload .document-upload-start.disabled,
.component-document-upload .document-upload-start.read-only {
  cursor: not-allowed;
  opacity: 0.6;
}
.component-document-upload .document-upload-area-alert {
  animation: 1s 1 ease-in slide_in_from_top, 1s 5s 1 reverse forwards ease-out slide_in_from_top;
  position: absolute;
  width: 100%;
  z-index: 10;
}
@-webkit-keyframes slide_in_from_top {
  0% {
    top: -100%;
  }
  85% {
    top: -25%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slide_in_from_top {
  0% {
    top: -100%;
  }
  85% {
    top: -25%;
  }
  100% {
    top: 0%;
  }
}
.component-document-upload .document-upload-area-main,
.component-document-upload .document-upload-area-footer {
  padding: 15px 15px;
}
.component-document-upload .document-upload-area-header {
  padding: 0 0 20px;
}
.component-document-upload .document-upload-area-steps {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.component-document-upload .document-upload-area-step {
  background-color: rgba(204, 204, 204, 0.65);
  color: rgba(0, 0, 0, 0.75);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding: 8px 0;
  font-size: 0.8rem;
  font-weight: 400;
}
.component-document-upload .document-upload-area-step:not(:first-child) {
  border-left: 1px solid #ffffff;
}
.component-document-upload .document-upload-area-step.active {
  background-color: #1a5d7f;
  color: #ffffff;
}
.component-document-upload .document-upload-area-step.complete {
  background-color: rgba(26, 93, 127, 0.25);
  color: #333333;
}
.component-document-upload .document-upload-area-main {
  border-bottom: 1px solid #eeeeee;
  min-height: 200px;
}
.component-document-upload .upload-area-icon {
  height: 60px;
  width: 72px;
}
.component-document-upload .upload-area-icon path {
  fill: #BBB;
}
.component-document-upload .upload-area-heading {
  color: #555555;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}
.component-document-upload .document-upload-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.component-document-upload .document-upload-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #d9d9d9;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: left;
  margin: auto;
  margin-top: 10px;
  padding: 10px;
  width: 60%;
}
@media (max-width: 768px) {
  .component-document-upload .document-upload-item {
    width: 80%;
  }
}
.component-document-upload .document-upload-item:first-child {
  margin-top: 0;
}
.component-document-upload .document-upload-item:hover,
.component-document-upload .document-upload-item:active {
  border: 2px solid #184a18;
}
.component-document-upload .document-upload-button {
  margin: 20px 0 10px;
  background-color: #184a18;
  border-color: transparent;
  color: #ffffff;
  width: 35%;
}
@media (max-width: 768px) {
  .component-document-upload .document-upload-button {
    width: 80%;
  }
}
.component-document-upload .document-upload-button:hover,
.component-document-upload .document-upload-button:active {
  background-color: #184a18;
  border-color: transparent;
  color: #ffffff;
}
.component-document-upload .document-upload-button:focus {
  background-color: #184a18;
  color: #ffffff;
}
.component-document-upload .document-upload-button:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.component-document-upload .document-upload-accepted-format {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.8rem;
  font-weight: 400;
}
.component-document-upload .document-upload-item-icon {
  margin-left: 5px;
}
.component-document-upload .document-upload-item-file-details {
  text-align: left;
  margin-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.component-document-upload .document-upload-item-remove {
  background: none;
  border: none;
  padding: 0;
  color: #555555;
  font-weight: 100;
  position: relative;
  top: -15px;
  right: -2px;
}
.component-document-upload .document-upload-item-remove:hover,
.component-document-upload .document-upload-item-remove:focus-visible {
  color: #d9534f;
  cursor: pointer;
}
.component-document-upload .document-upload-item-remove:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.component-document-upload .invoice-documentUploadedAlready {
  font-size: 1rem;
  margin-top: 25px;
}
.component-document-upload .document-upload-area-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #555555;
  background-color: transparent;
  border-color: transparent;
  font-weight: 400;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:hover,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:focus,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:active,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.active,
.open .dropdown-toggle.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default {
  color: #555555;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:active,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.active,
.open .dropdown-toggle.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default {
  background-image: none;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.disabled,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default[disabled],
fieldset[disabled] .component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.disabled:hover,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default[disabled]:hover,
fieldset[disabled] .component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:hover,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.disabled:focus,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default[disabled]:focus,
fieldset[disabled] .component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:focus,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.disabled:active,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default[disabled]:active,
fieldset[disabled] .component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:active,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.disabled.active,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default[disabled].active,
fieldset[disabled] .component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default.active {
  background-color: transparent;
  border-color: transparent;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default .badge {
  color: transparent;
  background-color: #555555;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:hover,
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:active {
  text-decoration: underline;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default:focus-visible {
  outline: 2px solid #1a5d7f;
  outline-offset: 2px;
}
.component-document-upload .document-upload-area-footer button.document-upload-btn-previous.btn-ghost.btn.btn-default i {
  padding-right: 5px;
}
.component-document-upload .document-upload-area-footer .document-upload-btn-next {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.component-document-upload .document-upload-area-footer .document-upload-btn-next i {
  vertical-align: inherit;
  padding-left: 5px;
}
.component-document-upload .document-upload-area-footer .hide {
  visibility: hidden;
}
.component-document-upload .document-upload-reminder {
  margin: 45px 0 0;
  font-size: 0.8rem;
  color: #222222;
}
.component-document-upload .document-already-uploaded-text {
  font-size: 1rem;
}
.component-document-upload .document-already-uploaded-checkbox:not(.disabled) {
  margin-right: 5px;
}
.component-document-upload .document-already-uploaded-checkbox:not(.disabled):hover,
.component-document-upload .document-already-uploaded-checkbox:not(.disabled):active {
  cursor: pointer;
}
.component-document-upload .disabled {
  color: #999999;
}
.component-document-upload .no-highlight {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.submitted-claim-lookup-shortcut,
.view-claim-status-btn {
  margin-top: 20px;
  font-size: 1rem;
}
.submitted-claim-lookup-shortcut a {
  color: #1a5d7f;
}
.section.submitted.resubmitted .bucket {
  padding-left: 35px;
}
.section.submitted.resubmitted .component-company-footer .logo-container .img-company-logo {
  background-image: url('/images/360LogoColourHorizontal.svg');
  opacity: 1;
}
.section.submitted.resubmitted .component-company-footer .footer-links:before {
  border-color: #999999;
}
.section.submitted.resubmitted .component-company-footer .footer-links .footer-link {
  color: #999999;
  opacity: 1;
}
@media (max-width: 992px) {
  .section.submitted.resubmitted .component-company-footer .logo-container .img-company-logo {
    background-image: url('/images/360LogoColour.svg');
  }
}
.section.submitted.resubmitted .resubmitted-subheading {
  margin-top: 10px;
  font-weight: bold;
}
.section.submitted.resubmitted .resubmitted-details {
  margin: 20px 0;
}
.section.submitted.resubmitted .resubmitted-details .resubmitted-details-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}
.section.submitted.resubmitted .resubmitted-details .resubmitted-details-row dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  font-weight: bold;
}
.section.submitted.resubmitted .resubmitted-details .resubmitted-details-row dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.section.submitted.resubmitted .resubmitted-status-badge {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid #184a18;
  border-radius: 4px;
  color: #184a18;
  font-size: 13px;
}
.existing-claim-status-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.existing-claim-row {
  display: block;
}
.existing-claim-hr {
  border-top: 1px solid #eee;
}
.claim-status-container {
  padding-left: 10%;
  padding-right: 10%;
}
@media (max-width: 991px) {
  .claim-status-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.claim-status {
  border-left: 10px solid black;
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4rem auto;
  grid-template-columns: 4rem auto;
}
.claim-status .icon {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  -ms-grid-row-align: center;
      align-self: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #555555;
  margin-top: -5px;
  margin-left: 0;
  padding-top: 0;
  line-height: 46px;
  color: white;
  font-weight: bold;
  font-size: 25px;
}
.claim-status .icon.success:before {
  content: "\2714\fe0e";
}
.claim-status .icon.failure:before {
  content: "\2716\fe0e";
}
.claim-status .icon.review:before {
  content: "!";
}
.claim-status .icon.draft:before {
  content: "!";
}
.claim-status .icon.pending:before {
  content: "\25c9\fe0e";
}
.claim-status .claim-status-title {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: left;
  font-size: larger;
  font-weight: bold;
}
.claim-status .claim-status-body {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: left;
}
.claim-status .claim-status-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.claim-status .claim-entry-tags-container {
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: left;
  margin-top: 10px;
}
.claim-status .claim-entry-tags-container .claim-entry-tags-title {
  font-weight: bold;
}
.claim-status .claim-entry-tags-container .claim-entry-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .claim-status .claim-entry-tags-container .claim-entry-tag {
    font-size: 0.75rem;
  }
}
.claim-status .claim-entry-tags-container .claim-entry-tag .tag-models {
  max-width: 50%;
  padding-right: 1rem;
}
.claim-status .icon {
  text-align: center;
}
.claim-status.success {
  background-color: #e3ffe3;
  border-color: darkgreen;
}
.claim-status.success .icon {
  background-color: darkgreen;
  border-color: darkgreen;
}
.claim-status.review {
  background-color: #fff9e8;
  border-color: #e8a800;
}
.claim-status.review .icon {
  background-color: #e8a800;
  border-color: #e8a800;
}
.claim-status.failure {
  background-color: #ffc1bf;
  border-color: #bf0500;
}
.claim-status.failure .icon {
  background-color: #bf0500;
  border-color: #bf0500;
}
.claim-status .claim-status-title {
  padding-top: 5px;
}
.claim-status .claim-status-body {
  padding-top: 5px;
}
.info-box-missing-info,
.info-box-on-hold,
.info-box-draft,
.info-box-approved,
.info-box-declined,
.info-box-paid,
.info-box-contact-us,
.info-box-awaiting,
.info-box-program-expired,
.info-box-default {
  width: 700px;
  padding: 20px;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 500;
  line-height: 21px;
  text-align: center;
}
.info-box-missing-info p,
.info-box-on-hold p,
.info-box-draft p,
.info-box-approved p,
.info-box-declined p,
.info-box-paid p,
.info-box-contact-us p,
.info-box-awaiting p,
.info-box-program-expired p,
.info-box-default p {
  font-size: 1rem;
  margin-top: 10px;
  font-weight: 300;
  color: #FFFFFF;
}
.info-box-missing-info .bucket-heading,
.info-box-on-hold .bucket-heading,
.info-box-draft .bucket-heading,
.info-box-approved .bucket-heading,
.info-box-declined .bucket-heading,
.info-box-paid .bucket-heading,
.info-box-contact-us .bucket-heading,
.info-box-awaiting .bucket-heading,
.info-box-program-expired .bucket-heading,
.info-box-default .bucket-heading {
  font-weight: bold;
  font-size: 1rem;
  font-family: Roboto;
  text-align: center;
  line-height: 21px;
  margin-top: -10px;
}
.info-box-missing-info .fa-exclamation-triangle,
.info-box-on-hold .fa-exclamation-triangle,
.info-box-draft .fa-exclamation-triangle,
.info-box-approved .fa-exclamation-triangle,
.info-box-declined .fa-exclamation-triangle,
.info-box-paid .fa-exclamation-triangle,
.info-box-contact-us .fa-exclamation-triangle,
.info-box-awaiting .fa-exclamation-triangle,
.info-box-program-expired .fa-exclamation-triangle,
.info-box-default .fa-exclamation-triangle {
  margin-right: 6px;
}
.info-box-program-expired p {
  color: #000000;
}
.info-box-paid {
  background-color: #00C93D;
  color: #ffffff;
}
.info-box-missing-info,
.info-box-action-required {
  color: #FFFFFF;
  padding: 20px;
  border: 2px solid #D29400;
  border-radius: 4px;
  background-color: rgba(221, 159, 0, 0.9);
}
.info-box-missing-info .bucket-message,
.info-box-action-required .bucket-message {
  margin-bottom: 0px;
}
.info-box-missing-info .glyphicon-warning-sign,
.info-box-action-required .glyphicon-warning-sign {
  margin-right: 10px;
}
.info-box-declined {
  color: #000000;
  padding: 20px;
  background-color: #eeeeee;
  border-radius: 4px;
}
.progress-meter {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr / 1fr / auto;
  grid-template-columns: 1fr / 1fr / auto;
  grid-auto-flow: column;
  grid-gap: 0px;
  list-style: none;
  padding: 0;
}
@media (max-width: 991px) {
  .progress-meter {
    margin-left: 0;
    margin-right: 0;
  }
}
.progress-meter .progress-meter-stage {
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  font-family: Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
}
.progress-meter .progress-meter-stage .status {
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
  height: 2em;
  padding: 0.2em;
  font-weight: bold;
}
.progress-meter .progress-meter-stage .caption {
  -ms-grid-row: 3;
  grid-row: 3;
  display: block;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 480px) {
  .progress-meter .progress-meter-stage .caption {
    width: 90px;
  }
}
.progress-meter .progress-meter-stage .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage .icon {
  -ms-grid-row: 2;
  grid-row: 2;
  display: block;
  text-align: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-top: -5px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  line-height: 50px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  background-image: radial-gradient(circle at center, #8B8B8B 23px, white 10px);
}
.progress-meter .progress-meter-stage .icon.check:before {
  content: "\2714\fe0e";
}
.progress-meter .progress-meter-stage .icon.crossedout:before {
  content: "\2716\fe0e";
}
.progress-meter .progress-meter-stage .icon.pause:before {
  content: "!";
}
.progress-meter .progress-meter-stage .icon.pending:before {
  content: "\25c9\fe0e";
}
.progress-meter .progress-meter-stage.awaiting .icon-container,
.progress-meter .progress-meter-stage.submitted .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#01a2bf), color-stop(#01a2bf), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #01a2bf calc(30%), #01a2bf calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.awaiting .icon-container.half,
.progress-meter .progress-meter-stage.submitted .icon-container.half {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#01a2bf), color-stop(#01a2bf), to(transparent)) no-repeat border-box, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent)) no-repeat border-box;
  background: linear-gradient(180deg, transparent calc(30%), #01a2bf calc(30%), #01a2bf calc(70%), transparent calc(70%)) no-repeat border-box, linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%)) no-repeat border-box;
  background-size: 50% 100%, 100% 100%;
  background-position: 0 0, 50% 0;
  background-origin: padding-box, padding-box;
}
.progress-meter .progress-meter-stage.awaiting .icon-container .icon,
.progress-meter .progress-meter-stage.submitted .icon-container .icon {
  background-image: radial-gradient(circle at center, #01a2bf 23px, white 10px);
}
.progress-meter .progress-meter-stage.paid .icon-container,
.progress-meter .progress-meter-stage.approved .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(darkgreen), color-stop(darkgreen), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), darkgreen calc(30%), darkgreen calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.paid .icon-container.half,
.progress-meter .progress-meter-stage.approved .icon-container.half {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(darkgreen), color-stop(darkgreen), to(transparent)) no-repeat border-box, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent)) no-repeat border-box;
  background: linear-gradient(180deg, transparent calc(30%), darkgreen calc(30%), darkgreen calc(70%), transparent calc(70%)) no-repeat border-box, linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%)) no-repeat border-box;
  background-size: 50% 100%, 100% 100%;
  background-position: 0 0, 50% 0;
  background-origin: padding-box, padding-box;
}
.progress-meter .progress-meter-stage.paid .icon-container .icon,
.progress-meter .progress-meter-stage.approved .icon-container .icon {
  background-image: radial-gradient(circle at center, darkgreen 23px, white 10px);
}
.progress-meter .progress-meter-stage.declined .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#bf0500), color-stop(#bf0500), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #bf0500 calc(30%), #bf0500 calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.declined .icon {
  color: whote;
  background-image: radial-gradient(circle at center, #bf0500 23px, white 10px);
}
.progress-meter .progress-meter-stage.auditreview .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#01a2bf), color-stop(#01a2bf), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #01a2bf calc(30%), #01a2bf calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.auditreview .icon-container.half {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#01a2bf), color-stop(#01a2bf), to(transparent)) no-repeat border-box, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent)) no-repeat border-box;
  background: linear-gradient(180deg, transparent calc(30%), #01a2bf calc(30%), #01a2bf calc(70%), transparent calc(70%)) no-repeat border-box, linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%)) no-repeat border-box;
  background-size: 50% 100%, 100% 100%;
  background-position: 0 0, 50% 0;
  background-origin: padding-box, padding-box;
}
.progress-meter .progress-meter-stage.auditreview .icon-container .icon {
  background-image: radial-gradient(circle at center, #01a2bf 23px, white 10px);
}
.progress-meter .progress-meter-stage.draft .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#e8a800), color-stop(#e8a800), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #e8a800 calc(30%), #e8a800 calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.draft .icon-container.half {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#e8a800), color-stop(#e8a800), to(transparent)) no-repeat border-box, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent)) no-repeat border-box;
  background: linear-gradient(180deg, transparent calc(30%), #e8a800 calc(30%), #e8a800 calc(70%), transparent calc(70%)) no-repeat border-box, linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%)) no-repeat border-box;
  background-size: 50% 100%, 100% 100%;
  background-position: 0 0, 50% 0;
  background-origin: padding-box, padding-box;
}
.progress-meter .progress-meter-stage.draft .icon-container .icon {
  background-image: radial-gradient(circle at center, #e8a800 23px, white 10px);
}
.progress-meter .progress-meter-stage.onhold .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#e8a800), color-stop(#e8a800), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #e8a800 calc(30%), #e8a800 calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.onhold .icon-container.half {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#e8a800), color-stop(#e8a800), to(transparent)) no-repeat border-box, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent)) no-repeat border-box;
  background: linear-gradient(180deg, transparent calc(30%), #e8a800 calc(30%), #e8a800 calc(70%), transparent calc(70%)) no-repeat border-box, linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%)) no-repeat border-box;
  background-size: 50% 100%, 100% 100%;
  background-position: 0 0, 50% 0;
  background-origin: padding-box, padding-box;
}
.progress-meter .progress-meter-stage.onhold .icon-container .icon {
  background-image: radial-gradient(circle at center, #e8a800 23px, white 10px);
}
.progress-meter .progress-meter-stage.pending .icon-container {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#8B8B8B), color-stop(#8B8B8B), to(transparent));
  background: linear-gradient(180deg, transparent calc(30%), #8B8B8B calc(30%), #8B8B8B calc(70%), transparent calc(70%));
}
.progress-meter .progress-meter-stage.pending .icon {
  background-image: radial-gradient(circle at center, #8B8B8B 23px, white 10px);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .claim-sub-heading {
    font-size: 1.2rem !important;
  }
  .purchase-documents {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
  .section-sub-heading {
    font-size: 1.8rem;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }
  .upload-invoice-list {
    margin-top: -10px;
  }
  .upload-options {
    margin-top: -30px;
  }
  .info-box-paid,
  .info-box-declined,
  .info-box-awaiting,
  .info-box-default,
  .info-box-missing-info {
    height: 140px;
    margin-top: 20px;
    margin: 0 auto;
    padding: 13px;
    width: 365px;
  }
  .existing-claim-status-message {
    height: 130px;
  }
  .info-box-missing-info {
    padding: 25px;
    background-color: rgba(221, 159, 0, 0.9);
  }
  .info-box-missing-info .glyphicon-warning-sign {
    margin-right: 10px;
  }
  .info-box-missing-info ol {
    margin-top: 10px;
    width: 100%;
  }
}
.nav-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding: 0 28px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
}
.with-nav .mobile-lang-button-overlay {
  display: none;
  position: absolute;
  width: 80px;
  height: 50px;
  z-index: 3;
  right: -5px;
  cursor: pointer;
}
.with-nav .mobile-lang {
  display: none;
  position: absolute;
}
.with-nav .hide-mobile-lang {
  display: none;
}
.with-nav .nav-bar-right .language-selector-container {
  position: relative;
  display: inline-block;
  right: 10px;
  top: 0px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown {
  color: #555555;
  fill: #000000;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown p {
  margin: 0px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown__menu-boundary {
  right: -30px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown__selected-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 2px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown__menu::before {
  border-width: 10px 12px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown__menu ul {
  padding: 15px;
}
.with-nav .nav-bar-right .language-selector-container .hover-dropdown__menu ul li {
  margin: 0px;
  padding: 5px 0;
}
.with-nav .hide-nav-bar {
  background: transparent;
  position: absolute;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.with-nav .hide-nav-bar .nav-bar-right .language-selector-container .hover-dropdown {
  color: #ffffff;
  fill: #ffffff;
}
.with-nav .hide-nav-bar .nav-bar-right .language-selector-container .hover-dropdown .hover-dropdown__menu {
  top: 50px;
}
.with-nav > *:nth-child(2) {
  height: 100%;
}
.with-nav > *:nth-child(2) .section:first-of-type {
  padding-top: 100px;
}
.mobile-footer-language-button {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile-footer-language-button {
    display: block;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    grid-row: 3 / 3;
    cursor: pointer;
    color: #ffffff;
    margin-top: 25px;
  }
  .mobile-footer-language-button svg {
    margin-left: 5px;
  }
  .with-nav .mobile-lang {
    display: inline;
  }
  .with-nav .hide-nav-bar .hover-dropdown {
    display: none;
  }
  .with-nav .hide-nav-bar .nav-bar-right .language-selector-container .mobile-lang-button-overlay {
    display: none;
  }
  .with-nav .mobile-lang-button-overlay {
    display: block;
    position: absolute;
    right: -5px;
    margin-left: auto;
    margin-right: auto;
    top: -15px;
  }
  .with-nav .show-menu .mobile-lang-button-overlay {
    display: block;
  }
  .with-nav .mobile-lang-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 20px;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
  }
  .with-nav .mobile-lang-bg .mobile-lang-container {
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 1.2rem;
    text-align: left;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-header {
    background: #5bc0de;
    padding: 20px 0px 20px 20px;
    color: #ffffff;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections {
    height: 100%;
    overflow: auto;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul {
    list-style: none;
    padding: 0px;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul li {
    padding: 0 !important;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul li .glyphicon {
    float: right;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul li button {
    padding: 20px 25px 20px 20px;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul .selected svg {
    float: right;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-selections ul .selected button {
    font-weight: bold;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-footer {
    padding: 0px;
    border-top: 1px solid #eeeeee;
    text-align: right;
  }
  .with-nav .mobile-lang-bg .mobile-lang-container .mobile-lang-footer .mobile-lang-cancel-button {
    padding: 20px 30px 20px 30px;
    width: auto;
    text-align: center;
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
}
.nav-bar-brand {
  margin: 0;
  height: 28px;
  width: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-bar-right {
  margin: 0 0.5rem;
}
.nav-link {
  color: #1a5d7f;
  font-weight: 400;
  display: inline-block;
  padding: 0;
}
.nav-link span:first-child {
  margin-right: 10px;
}
.nav-link .fa-sm {
  font-size: 1.5rem;
}
.nav-link:hover,
.nav-link:focus {
  color: #1a5d7f;
  text-decoration: none;
}
.section.existing .details-container {
  text-align: left;
  padding-left: 10%;
  padding-right: 10%;
}
@media (max-width: 768px) {
  .section.existing .details-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.section.existing .details-container .details-heading {
  font-size: 2.2rem;
  font-weight: bold;
}
.section.existing .details-container .details-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35% 65%;
  grid-template-columns: 35% 65%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  font-size: 1.5rem;
}
.section.existing .details-container .details-table .details-label,
.section.existing .details-container .details-table .details-value {
  border-bottom: 1px solid black;
  padding: 0.5rem;
}
.section.existing .details-container .details-table .details-label.name,
.section.existing .details-container .details-table .details-value.name {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / span 1;
  border-top: 1px solid black;
}
.section.existing .details-container .details-table .details-label.id,
.section.existing .details-container .details-table .details-value.id {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2 / span 1;
}
.section.existing .details-container .details-table .details-label.status,
.section.existing .details-container .details-table .details-value.status {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3 / span 1;
}
.section.existing .details-container .details-table .details-label.date,
.section.existing .details-container .details-table .details-value.date {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4 / span 1;
}
.section.existing .details-container .details-table .details-label {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / span 1;
}
.section.existing .details-container .details-table .details-value {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2 / span 1;
}
.section.existing .details-container .details-table .details-value.status {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.section.existing .details-container .details-table .details-value .status-display {
  padding-left: 1.2rem;
  padding-right: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  border-left: 4px solid;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  font-weight: bold;
}
.section.existing .details-container .details-table .details-value .status-display.approved {
  background-color: #f2fcf3;
  border-left-color: #3e9147;
  color: #18381b;
}
.section.existing .details-container .details-table .details-value .status-display.declined {
  background-color: #fee7e9;
  border-left-color: #c40208;
  color: #460002;
}
.section.existing .details-container .details-table .details-value .status-display.on-hold {
  background-color: #fffbeb;
  border-left-color: #f8cb16;
  color: #473a06;
}
.section.existing .details-container .details-table .details-value .status-display.draft {
  background-color: #fffbeb;
  border-left-color: #f8cb16;
  color: #473a06;
}
.section.existing .details-container .details-table .details-value .status-display.review {
  background-color: #fbfbfb;
  border-left-color: #333;
  color: #222;
  border-top: 0.1px solid #AAA;
  border-bottom: 0.1px solid #AAA;
}
.section.review .card-container .card-content .alert {
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .nav-bar {
    height: 70px;
    padding: 0 8px;
  }
  .nav-link span:nth-child(2) {
    display: none;
  }
  .nav-bar-right {
    margin: 0;
  }
  .section {
    padding-bottom: 150px;
  }
  .personal-email-email {
    padding-top: 25px;
  }
  ul.item-list {
    margin-left: 20%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .section-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
.modal-content {
  border-radius: 7px;
  width: 75%;
  margin-left: 12.5%;
}
.modal-footer div .btn-primary:first-child {
  margin-right: 0.2vw;
}
.modal-header {
  background-color: #1a5d7f;
  color: #fff;
}
.input .input-group .has-success.form-control {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: #3c763d;
}
.input .input-group .input-is-verified {
  position: absolute;
  width: 46px;
  height: 20px;
  right: 0px;
  top: 13px;
  color: #3c763d;
}
.charity-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0;
  border-bottom: solid 1px grey;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.charity-container .charity-header {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 768px) {
  .charity-container .charity-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.charity-container .charity-header .header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 2.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .charity-container .charity-header .header-text {
    margin: 10px 0;
  }
}
.charity-container .charity-header .client-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 300px;
}
.charity-container .charity-header .client-logo div {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.charity-container .charity-header .charity-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: 100px;
  width: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .charity-container .charity-header .charity-logo {
    max-width: 100%;
  }
}
.charity-container .cause-title {
  margin: 50px 0;
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .charity-container .cause-title {
    margin: 15px 0;
  }
}
.charity-container .cause-content {
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 768px) {
  .charity-container .cause-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.charity-container .cause-content .cause-image {
  margin-right: 10px;
  max-height: 400px;
  max-width: 700px;
}
@media (max-width: 768px) {
  .charity-container .cause-content .cause-image {
    max-width: 100%;
    margin: 10px 0;
  }
}
.charity-container .cause-content .cause-description {
  text-align: left;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .charity-container .cause-content .cause-description {
    margin: 10px 0;
  }
}
.donation-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
}
@media (max-width: 768px) {
  .donation-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.donation-container .donation-header {
  font-weight: 500;
  margin-bottom: 30px;
  text-align: left;
}
.donation-container .donation-amount-container {
  padding-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.donation-container .donation-amount-container .donation-label {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
.donation-container .donation-amount-container .slider-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.donation-container .donation-amount-container .slider-input .donation-slider {
  height: auto;
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
  max-width: 300px;
}
.donation-container .donation-amount-container .slider-input .donation-slider::-moz-range-thumb {
  margin-top: -6px;
  height: 20px;
  width: 20px;
}
.donation-container .donation-amount-container .slider-input .donation-slider::-webkit-slider-thumb {
  margin-top: -6px;
  height: 20px;
  width: 20px;
  cursor: ew-resize;
}
.donation-container .donation-amount-container .slider-input .donation-slider::-ms-thumb {
  margin-top: 0px;
  height: 20px;
  width: 20px;
}
.donation-container .donation-amount-container .slider-input .donation-amount {
  padding: 10px;
  width: 100px;
  white-space: nowrap;
}
.donation-container .donation-amount-container .no-donation {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.donation-container .donation-amount-container .no-donation label {
  padding-left: 10px;
}
.donation-container .donation-amount-container .no-donation input[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: relative;
  background-color: white;
  visibility: visible;
  border: 2px solid lightgrey;
  display: inline-block;
  content: '';
}
.donation-container .donation-amount-container .no-donation input[type='radio']:checked {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: relative;
  background-color: #007bff;
  visibility: visible;
  display: inline-block;
  content: '';
  border: none;
}
.donation-container .donation-amount-container .no-donation input[type='radio']::-ms-check {
  appearance: none;
  top: 2px;
  border-radius: 20px;
  position: relative;
  background-color: white;
  visibility: visible;
  border: 2px solid lightgrey;
  display: inline-block;
  content: '';
}
.donation-container .donation-amount-container .no-donation input[type='radio']:checked::-ms-check {
  appearance: none;
  top: 2px;
  border-radius: 20px;
  position: relative;
  color: #007bff;
  background-color: #007bff;
  visibility: visible;
  display: inline-block;
  content: '';
  border: none;
}
.donation-container .donation-summary-container {
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.donation-container .donation-summary-container .donation-summary {
  border: solid lightgrey 2px;
  border-radius: 5px;
}
.donation-container .donation-summary-container .donation-summary .summary-row {
  border-bottom: solid lightgrey 2px;
  margin-bottom: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  font-weight: 400;
}
.donation-container .donation-summary-container .donation-summary .summary-row .summary-label {
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.donation-container .donation-summary-container .donation-summary .summary-row .summary-amount {
  font-weight: bold;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.detail_card {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 14px -8px rgba(15, 15, 15, 0.7);
          box-shadow: 0 10px 14px -8px rgba(15, 15, 15, 0.7);
  cursor: default;
  margin: 1em auto;
  opacity: 1;
  padding: 1em 1.5em;
  text-align: center;
}
.detail_card .detail_card-selected {
  -webkit-box-shadow: 0 0 0 0.2em #1a5d7f;
          box-shadow: 0 0 0 0.2em #1a5d7f;
}
.detail_card .detail_card--heading {
  -ms-grid-row-align: center;
      align-self: center;
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
  grid-area: heading;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0.25em;
  text-align: left;
}
.detail_card hr {
  margin: 1em -1em;
}
.detail_card .detail_card--amount {
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  text-align: left;
  grid-area: rebate;
}
.detail_card .detail_card--amount_text {
  font-size: 0.8rem;
}
.detail_card .detail_card--amount_value {
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.detail_card .detail_card--image {
  max-width: min(100%, 420px);
  max-height: 242px;
}
.detail_card .detail_card--description {
  margin: 1em auto;
  text-align: left;
  -ms-grid-column-span: auto;
  grid-column-end: auto;
  grid-area: description;
}
.detail_card .detail_card--upper_description-cutoff:after {
  content: "…";
}
.detail_card .detail_card--lower-description-hidden {
  display: none;
}
.detail_card a.btn-toggle-details {
  margin-bottom: 1em;
  text-decoration: underline;
  cursor: pointer;
}
.detail_card .button:focus,
.detail_card .button:hover {
  color: cyan;
}
.detail_card .btn-selected {
  color: #ffffff;
  background-color: #1a5d7f;
  border-color: #185777;
  opacity: 1;
}
.detail_card .btn-selected:hover,
.detail_card .btn-selected:focus,
.detail_card .btn-selected:active,
.detail_card .btn-selected.active,
.open .dropdown-toggle.detail_card .btn-selected {
  color: #ffffff;
  background-color: #13445d;
  border-color: #0e3244;
}
.detail_card .btn-selected:active,
.detail_card .btn-selected.active,
.open .dropdown-toggle.detail_card .btn-selected {
  background-image: none;
}
.detail_card .btn-selected:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.detail_card .btn-selected.disabled,
.detail_card .btn-selected[disabled],
fieldset[disabled] .detail_card .btn-selected,
.detail_card .btn-selected.disabled:hover,
.detail_card .btn-selected[disabled]:hover,
fieldset[disabled] .detail_card .btn-selected:hover,
.detail_card .btn-selected.disabled:focus,
.detail_card .btn-selected[disabled]:focus,
fieldset[disabled] .detail_card .btn-selected:focus,
.detail_card .btn-selected.disabled:active,
.detail_card .btn-selected[disabled]:active,
fieldset[disabled] .detail_card .btn-selected:active,
.detail_card .btn-selected.disabled.active,
.detail_card .btn-selected[disabled].active,
fieldset[disabled] .detail_card .btn-selected.active {
  background-color: #1a5d7f;
  border-color: #185777;
}
.detail_card .btn-selected .badge {
  color: #1a5d7f;
  background-color: #ffffff;
}
.detail_card .btn-select {
  font-weight: 900;
  color: rgba(0, 0, 0, 0.48);
  background-color: rgba(217, 217, 217, 0.67);
  border: transparent;
}
@media (max-width: 768px) {
  .detail_card {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .detail_card .btn-toggle-details {
    text-decoration: underline;
  }
}
@media (min-width: 992px) {
  .detail_card {
    border-radius: 4px;
    display: -ms-grid;
    display: grid;
        grid-template-areas: "heading select" "hr hr" "description rebate";
    -ms-grid-columns: 1fr 8em;
    grid-template-columns: 1fr 8em;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    padding: 1em;
  }
  .detail_card .detail_card--amount {
    text-align: right;
  }
  .detail_card .btn-select,
  .detail_card .btn-selected {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .detail_card .btn-select {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
  .detail_card .btn-select,
  .detail_card .btn-selected,
  .detail_card .btn-link {
    display: -ms-inline-grid;
    grid-area: select;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: start;
        align-self: start;
    width: auto;
    margin-bottom: 0.5em;
  }
  .detail_card hr {
    grid-area: hr;
    margin: 0;
  }
  .detail_card .detail_card--description {
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
    margin: 0.5em 1em 0.5em 0;
  }
  .detail_card.detail_card--description-full {
    margin-right: 0;
  }
  .detail_card .glyphicon {
    font: 12px;
  }
  .detail_card.detail_card-expanded {
        grid-template-areas: "heading select" "hr hr" "description rebate" ". expand";
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }
  .detail_card.detail_card-expanded .btn-toggle-details {
    margin-top: 1em;
  }
  .detail_card.detail_card-with_image {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate";
    -ms-grid-columns: auto 1fr 8em;
    grid-template-columns: auto 1fr 8em;
  }
  .detail_card.detail_card-with_image .detail_card--image {
    grid-area: image;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding-right: 1em;
    max-height: 100px;
    max-width: 240px;
  }
  .detail_card.detail_card-with_image.detail_card-expanded {
        grid-template-areas: "image heading select" "image hr hr" "image description rebate" "image . expand";
  }
  .detail_card > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .program-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .program-rebate {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .detail_card > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .program-description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card > .btn-select,
  .detail_card > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-expanded > .btn-select,
  .detail_card.detail_card-expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image > .btn-select,
  .detail_card.detail_card-with_image > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image > .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .detail_card > .btn-select,
  .detail_card > .btn-selected,
  .detail_card > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-expanded > .btn-select,
  .detail_card.detail_card-expanded > .btn-selected,
  .detail_card.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image > .btn-select,
  .detail_card.detail_card-with_image > .btn-selected,
  .detail_card.detail_card-with_image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected,
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .detail_card > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .detail_card > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}
@media (min-width: 992px) {
  .section.program-selection .card-style .btn-select,
  .section.program-selection .card-style .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.expanded > .btn-select,
  .section.program-selection .card-style .program.expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image > .btn-select,
  .section.program-selection .card-style .program.with-image > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program.with-image.expanded > .btn-select,
  .section.program-selection .card-style .program.with-image.expanded > .btn-selected {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image.expanded > .program-image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card .btn-select,
  .section.existing .sub-section .detail_card .btn-selected,
  .section.existing .sub-section .detail_card .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.expanded > .btn-select,
  .section.program-selection .card-style .program.expanded > .btn-selected,
  .section.program-selection .card-style .program.expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image > .btn-select,
  .section.program-selection .card-style .program.with-image > .btn-selected,
  .section.program-selection .card-style .program.with-image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program.with-image.expanded > .btn-select,
  .section.program-selection .card-style .program.with-image.expanded > .btn-selected,
  .section.program-selection .card-style .program.with-image.expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image.expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .detail_card .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program.with-image.expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .detail_card .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .detail_card .btn-select,
  .detail_card .btn-selected,
  .detail_card .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.expanded > .btn-select,
  .section.program-selection .card-style .program.expanded > .btn-selected,
  .section.program-selection .card-style .program.expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.program-selection .card-style .program.with-image > .btn-select,
  .section.program-selection .card-style .program.with-image > .btn-selected,
  .section.program-selection .card-style .program.with-image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.program-selection .card-style .program.with-image.expanded > .btn-select,
  .section.program-selection .card-style .program.with-image.expanded > .btn-selected,
  .section.program-selection .card-style .program.with-image.expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card > .btn-select,
  .detail_card > .btn-selected,
  .detail_card > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-expanded > .btn-select,
  .detail_card.detail_card-expanded > .btn-selected,
  .detail_card.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .detail_card.detail_card-with_image > .btn-select,
  .detail_card.detail_card-with_image > .btn-selected,
  .detail_card.detail_card-with_image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected,
  .detail_card.detail_card-with_image.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .detail_card hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.program-selection .card-style .program.with-image.expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .detail_card.detail_card-with_image .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.program-selection .card-style .program.with-image.expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
}
@media (min-width: 480px) {
  .section.existing .sub-section .detail_card > .btn-select,
  .section.existing .sub-section .detail_card > .btn-selected,
  .section.existing .sub-section .detail_card > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--heading {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--amount {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--description {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card > .btn-select,
  .section.existing .sub-section .detail_card > .btn-selected,
  .section.existing .sub-section .detail_card > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-with_image > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-select,
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-selected,
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .btn-link {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .section.existing .sub-section .detail_card > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > hr {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .section.existing .sub-section .detail_card.detail_card-with_image.detail_card-expanded > .detail_card--image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
  }
}
.scroll-message span {
  color: #bb0606;
}
.co-browsing-nav {
  padding-right: 30px;
}
.co-browse-widget {
  right: 45px;
  bottom: 38px;
  border: none;
  position: fixed;
  z-index: 1000000000000;
}
.co-browse-widget button svg {
  width: 24px;
}
.co-browsing {
  position: fixed !important;
}
.email-verification-component {
  position: relative;
}
.email-verification-component .verification-action-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
}
.email-verification-component .verification-action-button .icon {
  width: 15px;
  line-height: 1;
  margin-right: 5px;
  vertical-align: -7px;
}
.email-verification-component .email-input-container {
  position: relative;
}
.email-verification-component .verification-input-container {
  position: relative;
}
.email-verification-component .icon {
  position: absolute;
  right: 14px;
  top: 47%;
  z-index: 9;
}
.verify-email .link-btn {
  background: transparent;
  border: none;
  display: inline-block;
  color: #1d5d90;
  text-decoration: underline;
}
.verify-email .verify-email-info {
  margin-top: 10px;
  margin-bottom: 5px;
}
.verify-email .verify-email-info .email-address-display {
  font-size: 1rem;
  font-weight: bold;
}
.verify-email .verify-email-resend {
  margin-bottom: 10px;
}
.upload-serial-evidence {
  margin-bottom: 1.3rem;
}
.upload-serial-evidence-label {
  color: #222222;
  font-weight: 500;
}
.upload-serial-evidence-button {
  margin-right: 10px;
}
.resubmit-required-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  background-color: white;
  border-left: 4px solid #ffa726;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.resubmit-required-field.updated {
  border-left-color: #66bb6a;
  opacity: 0.8;
}
.resubmit-required-field.pending {
  border-left-color: #ffa726;
}
.field-status-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1rem;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.2rem;
}
.resubmit-required-field.pending .field-status-icon {
  background-color: #fff3e0;
  color: #f57c00;
}
.resubmit-required-field.updated .field-status-icon {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.icon-checkmark {
  font-size: 1.2rem;
}
.icon-pending {
  font-size: 1.2rem;
}
.field-details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.field-reason {
  font-size: 1rem;
  margin-bottom: 0.25rem;
  color: #333;
}
.field-models {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 0.25rem;
}
.field-action {
  margin-top: 0.5rem;
}
.field-action-text {
  font-size: 0.85rem;
  color: #1976d2;
  font-weight: 500;
}
.resubmit-partial-update-warning {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #fff3e0;
  border-left: 4px solid #ffa726;
  border-radius: 4px;
  color: #f57c00;
  font-size: 0.9rem;
}
.resubmit-submission-blocked {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #ffebee;
  border-left: 4px solid #d32f2f;
  border-radius: 4px;
  color: #c62828;
  font-weight: 500;
  font-size: 0.9rem;
}
.resubmit-ready-message {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #e8f5e9;
  border-left: 4px solid #66bb6a;
  border-radius: 4px;
  color: #2e7d32;
  font-weight: 500;
  font-size: 0.9rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .resubmit-required-field {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .field-status-icon {
    width: 25px;
    height: 25px;
    font-size: 1rem;
  }
  .field-reason {
    font-size: 0.95rem;
  }
  .field-models,
  .field-action-text {
    font-size: 0.8rem;
  }
}
/* Buttons */
.btn-default {
  color: #000;
  background-color: #ccc;
  border-color: #BBB;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #000;
  background-color: #b8b8b8;
  border-color: #9c9c9c;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ccc;
  border-color: #BBB;
}
.btn-default .badge {
  color: #ccc;
  background-color: #000;
}
.btn-primary {
  color: #fff;
  background-color: #1a5d7f;
  border-color: #164d6a;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #13445d;
  border-color: #0b2837;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1a5d7f;
  border-color: #164d6a;
}
.btn-primary .badge {
  color: #1a5d7f;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #184a18;
  border-color: #000000;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #0e2b0e;
  border-color: #000000;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #184a18;
  border-color: #000000;
}
.btn-success .badge {
  color: #184a18;
  background-color: #fff;
}
.btn-ghost {
  color: #1a5d7f;
  background-color: transparent;
  border-color: #164d6a;
  -webkit-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
}
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-ghost.active,
.open .dropdown-toggle.btn-ghost {
  color: #1a5d7f;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0b2837;
}
.btn-ghost:active,
.btn-ghost.active,
.open .dropdown-toggle.btn-ghost {
  background-image: none;
}
.btn-ghost:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.btn-ghost.disabled,
.btn-ghost[disabled],
fieldset[disabled] .btn-ghost,
.btn-ghost.disabled:hover,
.btn-ghost[disabled]:hover,
fieldset[disabled] .btn-ghost:hover,
.btn-ghost.disabled:focus,
.btn-ghost[disabled]:focus,
fieldset[disabled] .btn-ghost:focus,
.btn-ghost.disabled:active,
.btn-ghost[disabled]:active,
fieldset[disabled] .btn-ghost:active,
.btn-ghost.disabled.active,
.btn-ghost[disabled].active,
fieldset[disabled] .btn-ghost.active {
  background-color: transparent;
  border-color: #164d6a;
}
.btn-ghost .badge {
  color: transparent;
  background-color: #1a5d7f;
}
.btn-ghost:hover,
.btn-ghost:active {
  color: #ffffff;
  background-color: #1a5d7f;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 1;
  color: #fff;
  background-color: #222222;
  border-color: transparent;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active,
.open .dropdown-toggle.btn.disabled,
.open .dropdown-toggle.btn[disabled],
.open .dropdown-togglefieldset[disabled] .btn {
  color: #fff;
  background-color: #0e0e0e;
  border-color: rgba(0, 0, 0, 0);
}
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active,
.open .dropdown-toggle.btn.disabled,
.open .dropdown-toggle.btn[disabled],
.open .dropdown-togglefieldset[disabled] .btn {
  background-image: none;
}
.btn.disabled:focus-visible,
.btn[disabled]:focus-visible,
fieldset[disabled] .btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.btn.disabled.disabled,
.btn[disabled].disabled,
fieldset[disabled] .btn.disabled,
.btn.disabled[disabled],
.btn[disabled][disabled],
fieldset[disabled] .btn[disabled],
fieldset[disabled] .btn.disabled,
fieldset[disabled] .btn[disabled],
fieldset[disabled] fieldset[disabled] .btn,
.btn.disabled.disabled:hover,
.btn[disabled].disabled:hover,
fieldset[disabled] .btn.disabled:hover,
.btn.disabled[disabled]:hover,
.btn[disabled][disabled]:hover,
fieldset[disabled] .btn[disabled]:hover,
fieldset[disabled] .btn.disabled:hover,
fieldset[disabled] .btn[disabled]:hover,
fieldset[disabled] fieldset[disabled] .btn:hover,
.btn.disabled.disabled:focus,
.btn[disabled].disabled:focus,
fieldset[disabled] .btn.disabled:focus,
.btn.disabled[disabled]:focus,
.btn[disabled][disabled]:focus,
fieldset[disabled] .btn[disabled]:focus,
fieldset[disabled] .btn.disabled:focus,
fieldset[disabled] .btn[disabled]:focus,
fieldset[disabled] fieldset[disabled] .btn:focus,
.btn.disabled.disabled:active,
.btn[disabled].disabled:active,
fieldset[disabled] .btn.disabled:active,
.btn.disabled[disabled]:active,
.btn[disabled][disabled]:active,
fieldset[disabled] .btn[disabled]:active,
fieldset[disabled] .btn.disabled:active,
fieldset[disabled] .btn[disabled]:active,
fieldset[disabled] fieldset[disabled] .btn:active,
.btn.disabled.disabled.active,
.btn[disabled].disabled.active,
fieldset[disabled] .btn.disabled.active,
.btn.disabled[disabled].active,
.btn[disabled][disabled].active,
fieldset[disabled] .btn[disabled].active,
fieldset[disabled] .btn.disabled.active,
fieldset[disabled] .btn[disabled].active,
fieldset[disabled] fieldset[disabled] .btn.active {
  background-color: #222222;
  border-color: transparent;
}
.btn.disabled .badge,
.btn[disabled] .badge,
fieldset[disabled] .btn .badge {
  color: #222222;
  background-color: #fff;
}
.btn-lg {
  line-height: 1.42857143;
}
.purchases .btn-next {
  margin-top: 0px !important;
}
.allow-new-address-btn {
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 10px;
  text-align: left;
}
.allow-new-address-btn:hover {
  color: #ffffff;
}
.btn-next {
  margin-top: 35px;
}
[class*="btn"] {
  font-weight: 300;
}
.btn {
  border-radius: 4px;
}
.btn .svg-inline--fa {
  padding-left: 5px;
}
.btn .svg-inline--fa:first-child {
  padding-left: 5;
  padding-right: 5px;
}
.btn .svg-inline--fa:last-child {
  padding-right: 0;
  margin-right: 0.2em;
}
@media (max-width: 1199px) {
  .btn {
    white-space: normal;
  }
}
.app-btn-no-style {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.app-btn-no-outline:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.app-btn-no-margins {
  margin: 0 !important;
}
.app-btn-display-block {
  display: block;
}
.app-btn-width-100 {
  width: 100%;
}
.app-btn-text-left {
  text-align: left;
}
/* Tables */
@media (max-width: 480px) {
  .table {
    display: block;
    max-width: 100%;
    overflow: scroll;
  }
}
/* Air BnB Datepicker */
/* Air BnB Datepicker */
.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.PresetDateRangePicker_button:active {
  outline: 0;
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}
.SingleDatePickerInput__rtl {
  direction: rtl;
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}
.SingleDatePickerInput__block {
  display: block;
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.SingleDatePicker {
  position: relative;
  display: inline-block;
}
.SingleDatePicker__block {
  display: block;
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}
.SingleDatePicker_picker__rtl {
  direction: rtl;
}
.SingleDatePicker_picker__directionLeft {
  left: 0;
}
.SingleDatePicker_picker__directionRight {
  right: 0;
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}
.CalendarDay {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}
.CalendarDay:active {
  outline: 0;
}
.CalendarDay__defaultCursor {
  cursor: default;
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff;
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}
.CalendarDay__outside:hover {
  border: 0;
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}
.CalendarMonthGrid__animating {
  z-index: 1;
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}
.DayPickerNavigation {
  position: relative;
  z-index: 2;
}
.DayPickerNavigation__horizontal {
  height: 0;
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1;
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}
.DayPickerNavigation__bottom {
  height: auto;
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  border-radius: 3px;
  padding: 6px 9px;
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px;
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%;
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}
.DayPicker__horizontal {
  background: #fff;
}
.DayPicker__verticalScrollable {
  height: 100%;
}
.DayPicker__hidden {
  visibility: hidden;
}
.DayPicker__withBorder {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker_portal__horizontal {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}
.DayPicker_portal__vertical {
  position: initial;
}
.DayPicker_focusRegion {
  outline: 0;
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}
.DayPicker_weekHeaders {
  position: relative;
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}
.DayPicker_weekHeader__vertical {
  left: 50%;
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.DayPicker_transitionContainer__vertical {
  width: 100%;
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}
.DateInput__small {
  width: 97px;
}
.DateInput__block {
  width: 100%;
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding: 7px 7px 5px;
}
.DateInput_input__regular {
  font-weight: auto;
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}
.DateInput_fangShape {
  fill: #fff;
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}
.DateRangePickerInput__disabled {
  background: #f2f2f2;
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}
.DateRangePickerInput__rtl {
  direction: rtl;
}
.DateRangePickerInput__block {
  display: block;
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.DateRangePickerInput_clearDates__small {
  padding: 6px;
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}
.DateRangePicker {
  position: relative;
  display: inline-block;
}
.DateRangePicker__block {
  display: block;
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}
.DateRangePicker_picker__rtl {
  direction: rtl;
}
.DateRangePicker_picker__directionLeft {
  left: 0;
}
.DateRangePicker_picker__directionRight {
  right: 0;
}
.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}
.SingleDatePicker {
  display: block;
}
.SingleDatePickerInput {
  background: #ffffff;
  border-color: #ccc;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.DateInput {
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  font-weight: 300;
  width: calc(100% - 54px);
}
.SingleDatePickerInput__calendar-icon {
  margin: 0 7px;
}
.SingleDatePickerInput__calendar-icon svg {
  width: 20px;
  height: 20px;
}
.SingleDatePicker__picker {
  z-index: 100;
}
.DateInput__input {
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  border-left: 1px solid #ccc;
  opacity: 1;
  padding-left: 12px;
}
.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #1a5d7f;
  border-color: #1a5d7f;
}
.DayPickerKeyboardShortcuts__show--bottom-right {
  border-right-color: #1a5d7f;
}
.has-error .SingleDatePickerInput {
  background-color: #f9e2e2;
  border-color: #a94442;
  border-radius: 6px 6px 0px 0px;
}
.has-error .SingleDatePickerInput__calendar-icon svg {
  fill: #a94442;
}
.has-error .DateInput__input {
  background-color: #f9e2e2;
  border-color: #a94442;
  border-radius: 0px 6px 0px 0px;
}
.has-error .DateInput__input::-webkit-input-placeholder {
  color: #a02622;
}
.has-error .DateInput__input::-moz-placeholder {
  color: #a02622;
}
.has-error .DateInput__input:-ms-input-placeholder {
  color: #a02622;
}
.has-error .DateInput__input::-ms-input-placeholder {
  color: #a02622;
}
.has-error .DateInput__input::placeholder {
  color: #a02622;
}
.card-style .card-container {
  padding: 30px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 15px;
  color: #222222;
  font-size: 1rem;
  text-align: left;
}
.card-style .card-container .product-heading {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  padding: 0 0 5px;
  text-align: left;
  text-transform: capitalize;
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 2;
  grid-column-end: 3;
}
.card-style .card-container .card-heading {
  border-bottom: solid black 1px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 16px;
  padding-bottom: 3px;
  text-align: left;
  display: block;
}
.card-style .card-container .edit-alert svg {
  float: left;
  height: 2em;
  margin-right: 10px;
  width: 2em;
}
.card-style .card-container .edit-alert strong {
  display: block;
  text-transform: capitalize;
}
.card-style .card-container .edit-alert span {
  display: block;
  margin-left: 2em;
}
.card-style .card-container .items {
  border-bottom: lightgray solid 1px;
  margin-bottom: 10px;
}
.card-style .card-container .items:last-child {
  border-bottom: none;
}
.card-style .card-container .card-content {
  contain: content;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 0.75rem;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .card-style .card-container .card-content {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.card-style .card-container .card-content .address {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
.card-style .card-container .card-content .dot-numbers {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
.card-style .card-container .card-content .edit {
  background: none;
  border: none;
  position: absolute;
  right: 0px;
  text-decoration: underline;
}
.card-style .card-container .card-content .card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.card-style .card-container .card-content .card-detail label {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  margin-bottom: 0;
}
.card-style .card-container .card-content .card-detail span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card-style .card-container .help-block {
  color: #222222;
}
.card-style .card-container .required-details {
  display: block;
  float: none;
  text-align: center;
}
.card-style .component-product-list {
  padding: 0 0 30px;
}
.card-style .component-product-list .product {
  border-bottom: 1px solid #eeeeee;
  padding: 30px;
  margin-bottom: 0px;
}
.card-style .component-product-list .product-add {
  text-align: left;
  display: block;
  margin-left: 30px;
  margin-top: 30px;
}
.card-style .component-product-list .product-remove {
  background-color: transparent;
  border: none;
  color: #555555;
  font-size: 1rem;
  font-weight: 100;
  right: 0px;
  top: 0px;
}
.card-style .sub-heading {
  font-weight: bold;
  margin: 0;
  padding: 0 0 16px;
  text-align: left;
  display: block;
}
.card-style .sub-heading:before,
.card-style .sub-heading:after {
  display: none;
}
.card-style .control-label {
  color: #222222;
  font-weight: 500;
}
.card-style .input {
  margin-bottom: 15px;
}
.card-style .form-group ~ .help-block {
  color: #555555;
}
.card-style .SingleDatePicker {
  display: inline-block;
}
.card-style .input .has-error .input-group > input:first-child,
.card-style .input .has-error .SingleDatePickerInput {
  border-radius: 6px;
}
.card-style .input .has-error .DateInput__input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.card-style .input .error-message {
  background-color: unset;
  color: #a94442;
  display: table-cell;
  padding: 5px;
  white-space: pre-line;
}
.card-style .has-error .control-label {
  color: #222222;
}
.card-style .form-control,
.card-style .input-group .form-control {
  width: auto;
  line-height: 1.05;
}
.card-style .input-group-addon {
  width: auto;
}
.card-style .component-typeahead .form-control {
  width: 100%;
}
.card-style .card-container [class^="col-"] .form-control {
  width: 100%;
}
.card-style .product-add {
  color: #ffffff;
  background-color: #184a18;
  border-color: #164216;
}
.card-style .product-add:hover,
.card-style .product-add:focus,
.card-style .product-add:active,
.card-style .product-add.active,
.open .dropdown-toggle.card-style .product-add {
  color: #ffffff;
  background-color: #0e2b0e;
  border-color: #071407;
}
.card-style .product-add:active,
.card-style .product-add.active,
.open .dropdown-toggle.card-style .product-add {
  background-image: none;
}
.card-style .product-add:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}
.card-style .product-add.disabled,
.card-style .product-add[disabled],
fieldset[disabled] .card-style .product-add,
.card-style .product-add.disabled:hover,
.card-style .product-add[disabled]:hover,
fieldset[disabled] .card-style .product-add:hover,
.card-style .product-add.disabled:focus,
.card-style .product-add[disabled]:focus,
fieldset[disabled] .card-style .product-add:focus,
.card-style .product-add.disabled:active,
.card-style .product-add[disabled]:active,
fieldset[disabled] .card-style .product-add:active,
.card-style .product-add.disabled.active,
.card-style .product-add[disabled].active,
fieldset[disabled] .card-style .product-add.active {
  background-color: #184a18;
  border-color: #164216;
}
.card-style .product-add .badge {
  color: #184a18;
  background-color: #ffffff;
}
.card-style.personal-info .card-container .form-control {
  width: 100%;
}
.card-style .input-group,
.card-style .input-group .form-control {
  z-index: unset;
}
.card-style .component-dealer .btn-link,
.card-style .automotive-vehicle-selection-manual-toggle {
  color: #1a5d7f;
}
.card-style .component-dealer input,
.card-style .component-automotive-vehicle-selection input {
  width: 100%;
}
.card-style .component-dropdown .component-dropdown-label {
  color: #222222;
  font-weight: 500;
}
.card-style .component-dropdown .error-message {
  padding: 5px 0px 0px 5px;
  background-color: transparent;
  color: #a94442;
  white-space: pre-line;
}
.brand-landing-page {
  background-color: #999999;
  height: calc(100% + 50px) !important;
}
.brand-landing-page .section {
  padding: 0px;
  min-height: 100%;
  border-bottom: 0px;
}
.brand-landing-page .section .brand-header-container {
  height: 430px;
  background-repeat: no-repeat;
  background-size: cover;
}
.brand-landing-page .section .brand-header-container .gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.brand-landing-page .section .brand-header-container .brand-logo-container {
  padding: 0px 20px 20px 20px;
}
.brand-landing-page .section .brand-header-container .brand-logo-container .brand-logo {
  width: 100%;
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 70px;
}
.brand-landing-page .section .brand-header-container .brand-title {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.2rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 1px;
  padding: 10px;
}
.brand-landing-page .section .brand-header-container .brand-subtitle {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  color: #ffffff;
}
.brand-landing-page .section .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  margin-top: -30px;
}
.brand-landing-page .section .cards .card {
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: none;
  margin: 0 15px 20px 15px;
  background: #ffffff;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.brand-landing-page .section .cards .card:hover .badge-image {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.brand-landing-page .section .cards .card:hover .selectBtn {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.brand-landing-page .section .cards .card:hover .selectBtn span {
  font-weight: bold;
}
.brand-landing-page .section .cards .card .badge-image-container {
  height: 138px;
  width: 100%;
  overflow: hidden;
}
.brand-landing-page .section .cards .card .badge-image-container .badge-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: inherit;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.brand-landing-page .section .cards .card .title {
  padding: 10px;
}
.brand-landing-page .section .cards .card .description {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 10px;
}
.brand-landing-page .section .cards .card .selectBtnContainer {
  margin: 22px 20px 22px 20px;
}
.brand-landing-page .section .cards .card .selectBtnContainer .selectBtn {
  border: 0px;
  width: 100%;
  padding: 10px 0px 10px 0px;
}
.brand-landing-page .section .footer {
  font-size: 0.8rem;
  height: 30px;
  text-align: right;
  right: 20px;
  position: absolute;
  bottom: 0px;
}
@media only screen and (max-width: 770px) {
  .brand-landing-page .section .brand-header-container .brand-title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .brand-landing-page .section .brand-header-container .brand-subtitle {
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 480px) {
  .brand-landing-page .section .brand-header-container .brand-title {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .brand-landing-page .section .brand-header-container .brand-subtitle {
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  width: 90%;
  .modal-content {
    height: 80vh;
  }
  .modal-content .unsaved-changes-content {
    font-size: 0.8rem;
  }
  .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .modal-footer div {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .modal-footer .btn + .btn {
    margin-left: 0;
  }
  .modal-footer a {
    padding: 18px;
  }
  .btn-secondary {
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) and (min-width: 480px) {
  .modal-footer div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.modal-header {
  background: #eceff4;
  border-radius: 5px 5px 0 0;
}
@media (min-height: 540px) and (max-height: 800px) {
  .accept-dialog-scrollarea > div {
    max-height: 300px !important;
  }
}
@media (max-height: 539.99px) {
  .accept-dialog-scrollarea > div {
    max-height: 140px !important;
  }
}
.accept-dialog-scrollarea .accept-dialog-content {
  background: #eceff4;
  padding-right: 15px;
  padding-bottom: 15px;
}
.accept-dialog-preTextLabel {
  font-weight: bold;
  text-align: center;
}
.accept-dialog-checkbox-container {
  text-align: center;
}
.accept-dialog-checkbox-container .accept-dialog-checkbox {
  margin-right: 5px;
}
.accept-dialog-accept:disabled {
  background: #c2c2c2;
  border-color: #c2c2c2;
}
.accept-dialog-accept {
  margin-left: 10px;
}
div.modal__container {
  background-color: lightgray;
}
div.modal__container .modal__header {
  background-color: #1a5d7f;
  color: #fff;
}
div.modal__container .modal__content .modal__footer button {
  background-color: #1a5d7f;
  color: #fff;
}
div.modal__container .modal__content .modal__footer button:hover {
  background-color: #091f2a !important;
  color: #fff !important;
}
/*# sourceMappingURL=to.css.map */