/* end of maybe just templating code */
@import url("media-query-override.css");
.quoteContainer.widgetQuoteContainer {
  color: #4d5056;
  padding: 32px;
  max-width: 640px;
  margin: 0 auto;
}
.quoteContainer.widgetQuoteContainer .quoteText {
  color: #020c27;
  align-items: flex-start;
}
@media screen and (min-width: 1500px) {
  .quoteContainer.widgetQuoteContainer .quoteText {
    padding-left: unset;
    justify-content: unset;
  }
}
.quoteContainer.widgetQuoteContainer .quoteTextSubtitle {
  max-width: 410px;
}
@media screen and (min-width: 1500px) {
  .quoteContainer.widgetQuoteContainer .formContainer #quoteForm {
    padding-left: unset;
  }
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement .labelContainer {
  margin-bottom: 8px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement select.error {
  border-color: #cf1c0c;
  padding-left: 10px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement select,
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement select:disabled {
  background-image: url("../svg/drop-down-arrow-2.svg"), linear-gradient(transparent, transparent);
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement .quoteFormPostalFormat {
  color: #757575;
  font-size: 12px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement.buttonContainer > div {
  display: none;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm #vehicleContainer.formElement .moreInfo.trim {
  margin-top: 8px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm #vehicleContainer.formElement .moreInfo.trim span {
  cursor: pointer;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm #vehicleContainer.formElement .moreInfo.trim span strong.trimMoreInfoIconText {
  color: #1d60c9;
  font-weight: normal;
  font-size: 12px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm #vehicleContainer.formElement .moreInfo.trim span svg {
  width: 18px;
  height: 18px;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm,
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm > div.formElement.buttonContainer {
  margin-bottom: 0;
}
.quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement div.moreInfo.trim span strong:focus, .quoteContainer.widgetQuoteContainer .formContainer #quoteForm .formElement div.moreInfo.trim span strong:focus-visible {
  padding: unset;
  outline: unset;
}
.quoteContainer.widgetQuoteContainer .quoteText {
  padding: 0 0 10px;
}
@media screen and (max-width: 600px) {
  .quoteContainer.widgetQuoteContainer .quoteText {
    margin-top: 116px;
    padding-left: auto;
  }
}
.quoteContainer.widgetQuoteContainer .quoteTextSubtitle {
  padding-left: 0;
}
@media screen and (min-width: 601px) {
  .quoteContainer.widgetQuoteContainer .quoteTextSubtitle {
    max-width: 320px;
  }
}
@media screen and (min-width: 768px) {
  .quoteContainer.widgetQuoteContainer .quoteTextSubtitle {
    max-width: 420px;
  }
}
.quoteContainer.widgetQuoteContainer #trimInfo {
  text-align: left;
  color: #4d5056;
}
.quoteContainer.widgetQuoteContainer #validationMessages button {
  text-align: left;
}
.quoteContainer.widgetQuoteContainer #validationMessages, .quoteContainer.widgetQuoteContainer #validationMessages button {
  background-color: #cf1c0c;
}
.quoteContainer.widgetQuoteContainer .widgetQuoterContent,
.quoteContainer.widgetQuoteContainer .widgetResultsContent {
  width: 100%;
}
@media (min-width: 1500px) {
  .quoterContent .quoteContainer .formContainer {
    display: unset;
    justify-content: unset;
    align-items: unset;
    padding: unset;
  }
}
.quoteContainer .formContainer #quoteForm {
  flex-direction: column;
  /* Form inputs */
}
.quoteContainer .formContainer #quoteForm input[type=text].error {
  padding-left: 10px;
  border-color: #cf1c0c;
}
.quoteContainer .formContainer #quoteForm div.formElement {
  width: 100%;
  /* Form labels */
}
@media screen and (min-width: 601px) {
  .quoteContainer .formContainer #quoteForm div.formElement {
    padding-right: 64px;
  }
  .quoteContainer .formContainer #quoteForm div.formElement.buttonContainer {
    padding-right: 0;
  }
}
.quoteContainer .formContainer #quoteForm div.formElement.buttonContainer {
  width: 100%;
}
.quoteContainer .formContainer #quoteForm div.formElement .labelContainer label {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4d5056;
}
.quoteContainer .formContainer #quoteForm div.formElement select {
  padding-left: 10px;
}
@media screen and (min-width: 1500px) {
  .quoteContainer .formContainer #quoteForm div.formElement select {
    max-width: unset;
  }
}
.quoteContainer .formContainer #quoteForm div.formElement .error {
  padding: 0;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .quoteContainer .formContainer #quoteForm div.formElement #zip {
    max-width: unset;
  }
}
.quoteContainer .formContainer.widgetFormContainer {
  padding: 0;
}
.quoteContainer .quoteText {
  font-size: 20px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 10px !important;
}
.quoteContainer .formContainer, .quoteContainer .formElement {
  padding-left: 0 !important;
}

/* First page text */
.widgetQuoteContainer div.quoteTextSubtitle {
  margin: unset;
  font-size: 16px;
  text-align: left;
}
.widgetQuoteContainer .quoteFormFieldsRequired {
  font-size: 14px;
  padding-left: 0px;
}
@media (min-width: 1500px) {
  .widgetQuoteContainer .quoteFormFieldsRequired {
    text-align: unset;
  }
}

div#widgetContainer {
  margin-top: 0;
}
div#widgetContainer * {
  font-family: Helvetica Neue, Helvetica, sans-serif;
}
div#widgetContainer > div {
  max-width: 100%;
}
div#widgetContainer > div > div div.batteryDescription > div > svg {
  fill: #1d60c9;
}
@media screen and (max-width: 600px) {
  div#widgetContainer > div > div div.batteryDetails {
    margin-left: 32px;
    margin-right: 32px;
    width: 87%;
  }
}
div#widgetContainer svg[role=button]:hover {
  cursor: pointer;
}
div#widgetContainer .buttonContainer {
  width: 100%;
}
div#widgetContainer .buttonContainer #quoteButton.caqb {
  background-color: #1d60c9 !important;
  padding: 16px 36px;
  border-radius: 42px;
  height: 50px;
  font-size: 14px;
}
div#widgetContainer div.price {
  font-size: 14px;
}
div#widgetContainer div.price svg {
  fill: #1d60c9;
  width: 20px;
  height: 20px;
}
div#widgetContainer div.resultTitleContainer.widgetResultTitleContainer > div.topRecommendation {
  color: #003087;
  padding-top: 4px;
  padding-bottom: 12px;
  border: none;
}
div#widgetContainer button.widgetButton.trackedWidgetButton {
  background-color: #1d60c9 !important;
  padding: 16px 36px;
  border-radius: 42px;
  height: 50px;
  font-size: 14px;
}
div#widgetContainer div.moreResults {
  margin-top: 11px;
  position: relative;
}
div#widgetContainer div.moreResults .widgetButton {
  font-size: 16px;
}
div#widgetContainer div.moreResults .fa-chevron-down:before {
  font-size: 10px;
  position: absolute;
  top: 10px;
  margin-left: 4px;
}
div#widgetContainer div.moreResults .widgetButton,
div#widgetContainer div.moreResults .fa-chevron-down:before {
  color: #1d60c9;
}
div#widgetContainer .batteryResult .pricingContainer > div.batteryPricing.shortLines > div.price {
  margin-top: 16px;
}
div#widgetContainer .batteryResult .pricingContainer hr.priceHR {
  display: none;
}
div#widgetContainer .batteryResult .pricingContainer div.aaaPriceContainer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  margin-bottom: 0;
}
div#widgetContainer .batteryResult .pricingContainer div.aaaPriceContainer .priceAmount {
  font-size: 24px;
}
div#widgetContainer .batteryResult .pricingContainer div.aaaPriceContainer > div > p.priceDiscount {
  margin-left: 8px;
  padding: 4px 10px;
  font-size: 13px;
}
div#widgetContainer .batteryResult .pricingContainer .batteryPricing.shortLines > .price > span.priceLabel {
  margin-bottom: 8px;
}
div#widgetContainer .batteryResult .pricingContainer .batteryPricing.shortLines > .price div.moreInfo svg {
  fill: #1d60c9;
}
div#widgetContainer .moreInfoText {
  border: 1px solid #fff;
}

div#widgetContainer i.fa {
  font: normal normal normal 14px/1 FontAwesome;
}

/* Battery options */
@media screen and (min-width: 768px) {
  #widgetContainer .pricingContainer .widgetButtonsContainer {
    margin-top: 58px;
    margin-left: 32px;
  }
}
.widgetButtonsContainer .widgetButtonContainer:nth-of-type(1) {
  display: none !important;
}

#widgetContainer > div > div > div.batteryResult.widgetBatteryResult > div.acquisitionMethodContainer > div.v-line, #widgetContainer > div > div > div:nth-child(5) > div.acquisitionMethodContainer > div.v-line {
  transform: unset;
}

@media screen and (min-width: 768px) {
  .resultsContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.resultsContent #widgetContainer {
  padding-left: 32px;
  padding-right: 32px;
}
@media screen and (min-width: 768px) {
  .resultsContent #widgetContainer .batteryResult {
    max-height: 367px;
  }
}
@media screen and (min-width: 768px) {
  .resultsContent #widgetContainer .batteryResult .pricingContainer {
    padding-left: 24px;
    padding-top: 51px;
    justify-content: flex-start;
    width: 279px;
    border-top-right-radius: 8px;
  }
}
@media screen and (min-width: 768px) {
  .resultsContent #widgetContainer .batteryResult .pricingContainer .batteryPricing.shortLines {
    margin-left: 0;
  }
}
.resultsContent #widgetContainer .batteryResult .pricingContainer .batteryPricing.shortLines > .price {
  margin-top: 18px;
}
.resultsContent .resultTitleContainer {
  padding-top: 32px;
  padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .resultsContent .resultTitleContainer {
    max-width: 697px;
  }
}
.resultsContent .resultTitleContainer #change-vehicle {
  color: #1d60c9;
  padding: 16px 36px;
  border-radius: 42px;
  height: 50px;
  font-size: 14px;
  margin-bottom: 32px;
}
.resultsContent .resultTitleContainer .resultText {
  background-color: #cf1c0c;
}
.resultsContent .resultTitleContainer div.resultTitle {
  color: #4d5056;
  margin-bottom: 24px;
}
.resultsContent .resultTitleContainer div.resultTitle .vehicle {
  color: #020c27;
}
.resultsContent .resultTitleContainer div.widgetButtonsContainerNote {
  color: #4d5056;
  margin: 0 26px auto;
}
@media screen and (max-width: 767px) {
  .resultsContent .resultTitleContainer div.widgetButtonsContainerNote {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .resultsContent .resultTitleContainer div.widgetButtonsContainerNote {
    left: 32px;
    margin-left: 0;
    bottom: 39px;
  }
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult {
  padding-bottom: 30px;
  border-color: #e5e5e5;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryPricing.shortLines > div.price .priceLabel {
  color: #4d5056;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryPricing.shortLines > div.price .priceAmount span {
  color: #4d5056;
  font-weight: 100;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer {
  padding-top: 24px;
}
@media (min-width: 768px) {
  .resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer {
    width: 410px;
    padding-left: 32px;
    padding-top: 32px;
    padding-right: 24px;
  }
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails {
  margin-top: 0;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails > div.batteryTitle {
  color: #020c27;
  margin-bottom: 16px;
  font-size: 20px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryGroup {
  padding-top: 8px;
  padding-bottom: 10px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryDescription {
  padding-top: 10px;
  padding-bottom: 8px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryGroup, .resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryDescription {
  padding-left: 16px;
  padding-right: 16px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .warranty {
  margin-top: 16px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer .batteryImage.widgetBatteryImage {
  margin-top: 0;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails > div.batteryTitle,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div div.aaaPriceContainer {
  margin-bottom: 16px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails > div.batteryTitle > div > span,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div div.aaaPriceContainer > div > span {
  font-size: 16px;
  margin-bottom: 8px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails > div.batteryTitle span,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails > div.batteryTitle div > span,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div div.aaaPriceContainer span,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div div.aaaPriceContainer div > span {
  color: #020c27;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div div.aaaPriceContainer > div > span.priceLabel {
  margin-bottom: 12px;
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult .moreInfo .moreInfoText {
  padding: 32px 20px;
}
@media screen and (min-width: 768px) {
  .resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult > div.acquisitionMethodContainer {
    padding: 0;
    width: 6px;
    margin: 0;
  }
}
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryGroup,
.resultsContent .resultTitleContainer div.batteryResult.widgetBatteryResult div.batteryContainer > div.batteryDetails .batteryDescription {
  font-size: 14px;
}

#yearError.error,
#makeError.error,
#modelError.error,
#engineError.error,
#vehicleError.error,
#zipError.error {
  border-top: 0;
}

/*# sourceMappingURL=battery-widget.css.map */