@media (min-width: 576px) and (max-width: 1185px) {
  .priceTotalSection-CO .col-sm-6 {
    width: 40% !important;
  }
  .priceTotalSection-CO .col-sm-3 {
    width: 35% !important;
  }
  .priceTotalSection-CO .priceTotal-CO {
    width: 25% !important;
  }
}
@media (max-width: 1306px) {
  .totalItems-CO {
    font-size: 14px !important;
  }
  .priceSum-CO {
    font-size: 14px !important;
  }
}
@media (max-width: 1160px) {
  .prodNameLink-CO {
    padding-left: 8px !important;
  }
}
@media (max-width: 576px) {
  .secureCheckoutLogo-CO {
    bottom: 15px !important;
  }
  .secureCheckoutLogo-CO img {
    max-width: 100px !important;
    padding-top: 0px !important;
    margin-bottom: 16px;
  }
  .cvvRow-CO .form-control {
    width: 84% !important;
    letter-spacing: 4px !important;
  }
}
@media (max-width: 767px) {
  .checkoutQuestionsSummary-CO {
    margin: 0px !important;
  }
  .accordion-body {
    padding-top: 8px !important;
  }
  .checkout-CO .accordion-body form {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
    padding-top: 8px !important;
  }
  .stepSummary-CO {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
    padding-top: 0px !important;
  }
  .stepSummary-CO h3 {
    margin-top: 16px !important;
  }
  .stepPaymentWrapper-CO h4 {
    margin-top: 1.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .paymentSection-CO {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .secureCheckoutLogo-CO img {
    padding-top: 0px !important;
    margin-bottom: 16px;
  }
  .noTileLinks {
    display: none !important;
  }
  .useShippingAdd-CO button {
    width: 100% !important;
  }
  .productSumSection-CO .shoppingCartPartNum {
    font-style: italic;
    color: #a0abb2;
    margin-bottom: 16px !important;
  }
  .editCart-CO {
    justify-content: start !important;
    padding-left: 0px !important;
    margin-bottom: 8px !important;
  }
  .editCart-CO button {
    width: 100% !important;
    margin-top: 8px;
  }
}
@media (max-width: 991px) {
  .checkout-CO .backtrackStep-CO {
    padding: 0.5rem !important;
  }
  .productDescripSum-CO {
    display: none !important;
  }
  .cartPreview-CO {
    display: none !important;
  }
  .useShippingAdd-CO {
    display: none !important;
  }
  .shoppingCartPartNum {
    margin-left: 5px;
  }
  .accordion-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .accordion-body .btnRow-CO {
    margin-left: -12px;
    margin-right: -12px;
  }
  .stepShipAddress-CO,
  .productQuestionSection-CO,
  .paymentSection-CO {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .customCoQuestion {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .stepSummary-CO .productSumSectionWrap-CO,
  .costSumSection-CO,
  .priceTotalSection-CO {
    margin-left: 0px !important;
    padding-left: 12px !important;
  }
  .priceTotalSection-CO {
    font-size: 18px !important;
  }
}
.checkoutQuestionsSummary-CO {
  border: 1px solid #e3e7e9;
}
.checkoutQuestionsSummary-CO .checkoutQuestionsRow-CO {
  border-bottom: 1px solid #e3e7e9;
}
.checkoutQuestionsSummary-CO .checkoutQuestionsRow-CO:last-of-type {
  border-bottom: none;
}
.checkoutQuestionsSummary-CO .checkoutQuestionsRow-CO:hover {
  background-color: #e3e7e9;
}
.checkoutQuestionsSummary-CO .questionGroup-CO {
  padding: 0.625rem 0.75rem;
  background-color: #f4f6f7;
  font-weight: bold;
}
.checkoutQuestionsSummary-CO .questionLabel-CO {
  padding: 0.625rem 0.75rem 0.625rem 1.625rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .checkoutQuestionsSummary-CO .questionLabel-CO {
    padding: 0.75rem 1.5rem 0.25rem 1.625rem;
  }
}
.checkoutQuestionsSummary-CO .questionAnswer-CO {
  padding: 0.625rem 0.75rem 0.625rem 1.625rem;
  overflow-wrap: anywhere;
}
@media (max-width: 767px) {
  .checkoutQuestionsSummary-CO .questionAnswer-CO {
    padding: 0.25rem 1.5rem 0.75rem 1.625rem;
  }
}

.tooltip {
  pointer-events: none;
}

.totalSumShort-CO {
  display: none;
}

.shoppingCartSumItem-CO.shoppingCartShort-CO .totalSumShort-CO {
  display: flex !important;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .imgWrapperCartSum-CO {
  display: none;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .shoppingCartPartNum {
  display: none;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .productInfoRow-CO {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .productInfoRow-CO .mfrProdname-CO {
  margin-top: 0px;
  padding-left: 10px;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .purchaseInfoRow-CO .purchaseInfo-CO {
  padding-top: 0px !important;
}
.shoppingCartSumItem-CO.shoppingCartShort-CO .totalSum-CO {
  border-bottom: 1px solid #cad0d4;
}

.shoppingCartSumItem-CO .showHidePurchaseItems-CO {
  margin-left: -12px;
  margin-right: -12px;
  border-bottom: 1px solid #cad0d4;
}
.shoppingCartSumItem-CO .showHidePurchaseItems-CO button {
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  border-radius: 0px;
}

@media (min-width: 768px) {
  .addressCorrection .providedAddress,
  .addressCorrection .adjustedAddress {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}

.addressCorrection .modal-dialog .modal-content .modal-header,
.addressError .modal-dialog .modal-content .modal-header {
  font-size: 1.375rem;
  margin-bottom: 0;
  font-weight: 500;
}
.addressCorrection .modal-dialog .modal-content .modal-footer,
.addressError .modal-dialog .modal-content .modal-footer {
  justify-content: center;
  padding-bottom: 1rem;
}
.addressCorrection .modal-dialog .modal-content .modal-footer .btn,
.addressError .modal-dialog .modal-content .modal-footer .btn {
  margin: 0.25rem 0.5rem;
  padding: 0.5rem 2.5rem;
}
.addressCorrection .correctionRow,
.addressError .correctionRow {
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .addressCorrection .correctionRow,
  .addressError .correctionRow {
    display: flex;
  }
}
@media (min-width: 991px) {
  .addressCorrection .correctionRow,
  .addressError .correctionRow {
    padding: 0 1.5rem 1rem 1.5rem;
  }
}
.addressCorrection .correctionBlock,
.addressError .correctionBlock {
  padding: 0.5rem 1.25rem;
}
.addressCorrection .providedAddress,
.addressCorrection .adjustedAddress,
.addressError .providedAddress,
.addressError .adjustedAddress {
  margin-top: 0;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #a0abb2;
  font-size: 1.1em;
  padding: 1.25rem 0.5rem;
  text-align: center;
}
.addressCorrection .providedAddress .addressLine,
.addressCorrection .adjustedAddress .addressLine,
.addressError .providedAddress .addressLine,
.addressError .adjustedAddress .addressLine {
  display: block;
}
.addressCorrection .providedAddress .addressDiscrepancy,
.addressCorrection .adjustedAddress .addressDiscrepancy,
.addressError .providedAddress .addressDiscrepancy,
.addressError .adjustedAddress .addressDiscrepancy {
  font-weight: bold;
  text-decoration: underline;
}
.addressCorrection .providedAddress .correctionButtons,
.addressCorrection .adjustedAddress .correctionButtons,
.addressError .providedAddress .correctionButtons,
.addressError .adjustedAddress .correctionButtons {
  margin-top: auto;
  padding-top: 0.25rem;
}
.addressCorrection .providedAddress .correctionButtons .btn,
.addressCorrection .adjustedAddress .correctionButtons .btn,
.addressError .providedAddress .correctionButtons .btn,
.addressError .adjustedAddress .correctionButtons .btn {
  margin: 0.25rem;
}
.addressCorrection .providedAddress .correctionButtons .btn i.fas,
.addressCorrection .adjustedAddress .correctionButtons .btn i.fas,
.addressError .providedAddress .correctionButtons .btn i.fas,
.addressError .adjustedAddress .correctionButtons .btn i.fas {
  padding-right: 0;
}
.addressCorrection .providedAddress .addressDiscrepancy,
.addressError .providedAddress .addressDiscrepancy {
  color: #c24900;
}
.addressCorrection .adjustedAddress .addressDiscrepancy,
.addressError .adjustedAddress .addressDiscrepancy {
  color: #cc009a;
}
.addressCorrection .correctionHeader,
.addressError .correctionHeader {
  text-align: center;
  font-size: 1.25em;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.addressCorrection .addressErrorWarning,
.addressCorrection .addressErrorVerify,
.addressError .addressErrorWarning,
.addressError .addressErrorVerify {
  text-align: center;
  font-size: 1.25em;
}
.addressCorrection .addressErrorWarning,
.addressError .addressErrorWarning {
  margin-bottom: 1rem;
  margin-top: 0.25rem;
  font-weight: bold;
  color: #c24900;
}
.addressCorrection .addressErrorWarning i,
.addressError .addressErrorWarning i {
  padding-right: 0.25rem;
}
.addressCorrection .addressErrorVerify,
.addressError .addressErrorVerify {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.addressCorrection .addressErrorVerify i,
.addressError .addressErrorVerify i {
  padding-left: 0.25rem;
  color: #1c64a5;
}

.removeCC .modal-body h5,
.removeCC .modal-header h5 {
  font-weight: bold !important;
}
.removeCC .modal-body {
  padding: 16px;
}
.removeCC .modal-body .d-flex {
  padding-top: 16px;
  padding-bottom: 24px;
}
.removeCC .modal-body .btn:hover {
  background-color: white !important;
  cursor: default !important;
}
.removeCC .modal-body .btn:hover .tileContent span {
  color: #000 !important;
}
.removeCC .modal-body .modal-footer .btn-light {
  border: 1px solid #cad0d4;
}
.removeCC .modal-body .d-flex.flex-column.col-8 {
  padding-top: 16px;
}

.checkout-CO {
  /* clears the 'X' from Chrome */
}
.checkout-CO input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.checkout-CO input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.checkout-CO input[type=search]::-webkit-search-decoration,
.checkout-CO input[type=search]::-webkit-search-cancel-button,
.checkout-CO input[type=search]::-webkit-search-results-button,
.checkout-CO input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.checkout-CO .label-CO {
  text-align: right;
  margin-right: 24px;
  font-weight: bold;
}
.checkout-CO .radioOptions-CO legend {
  font-size: 1em;
}
.checkout-CO .customCoQuestion {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.checkout-CO .specificProdQuestion-CO {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.checkout-CO .backtrackStep-CO {
  padding: 1rem;
  display: flex;
}
.checkout-CO .col-form-label {
  white-space: normal;
}
.checkout-CO h1 {
  padding-left: 15px;
  margin-top: 3rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}
.checkout-CO h1 span {
  font-size: 24px;
  font-style: italic;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.checkout-CO .accordion-button::after {
  color: white;
  display: none;
}
.checkout-CO .mainAccordion-CO {
  margin-bottom: 3rem;
}
.checkout-CO .mainAccordion-CO .accordion h2 button {
  padding-top: 10px;
  padding-bottom: 10px;
}
.checkout-CO .mainAccordion-CO .stepLabel-CO {
  display: inline-block;
  vertical-align: middle;
}
.checkout-CO .accordion-button {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  background-color: #253746;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  color: white;
  font-size: 20px;
}
.checkout-CO .accordion-button .finishedStep-CO {
  display: none;
  justify-content: flex-end;
}
.checkout-CO .accordion-button .completedCheck-CO {
  border-radius: 50%;
  background-color: white;
  padding: 4px 10px;
  font-weight: 700;
  line-height: 1.1;
  vertical-align: middle;
  width: 28px;
}
.checkout-CO .accordion-button h2 {
  margin-top: 0.5em;
  font-size: 20px;
}
.checkout-CO .accordion-button i {
  margin-left: -5px;
  color: #b1e001;
  font-size: 18px;
}
.checkout-CO .accordion-body form {
  padding-right: 3rem;
  padding-left: 3rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.checkout-CO .accordion-body form .stepShipAddress-CO,
.checkout-CO .accordion-body form .productQuestionSection-CO,
.checkout-CO .accordion-body form .paymentSection-CO {
  padding-right: 2rem;
  padding-left: 2rem;
}
.checkout-CO .accordion-body form .customCoQuestion {
  padding-right: 2rem;
  padding-left: 2rem;
}
.checkout-CO .accordion-body form .customCoQuestion .datePicker-CO {
  margin-top: 0.4rem;
}
.checkout-CO .accordion-body form .stepSummary-CO {
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.checkout-CO .accordion-body form .stepShipMethod-CO {
  padding-right: 1rem;
  padding-left: 1rem;
}
.checkout-CO .accordion-body .addressTiles-CO {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #cad0d4;
}
.checkout-CO .accordion-body .savedAddressSearchTitle-CO {
  font-size: 18px;
  font-weight: bold;
  margin-top: 2rem;
}
.checkout-CO .accordion-body .addressSearchRow {
  padding-bottom: 2.25rem;
  border-bottom: 1px solid #cad0d4;
}

.stepSummary-CO h3 {
  margin-top: 2rem;
  margin-bottom: 0.25rem;
  font-size: 18px;
  font-weight: bold;
}
.stepSummary-CO i {
  padding-right: 8px;
}
.stepSummary-CO .sumSectionBacktrack-CO {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.stepSummary-CO .sumSectionBacktrack-CO h3 {
  margin-bottom: 0px;
}
.stepSummary-CO .paymentSumSection-CO {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.stepSummary-CO .orderSummarySection-CO {
  padding-top: 1rem;
  padding-left: 16px;
}
.stepSummary-CO .orderSummarySection-CO .orderSummaryTitleRow-CO {
  padding-bottom: 1rem;
  margin-right: 0px;
  margin-left: 0px;
  border-bottom: 1px solid #cad0d4;
}
.stepSummary-CO .orderSummarySection-CO .orderSummaryTitleRow-CO .orderSummaryHeader-CO {
  align-self: center;
  padding-left: 0px;
}
.stepSummary-CO .orderSummarySection-CO .imgWrapperCartSum-CO {
  display: flex;
}
.stepSummary-CO .orderSummarySection-CO .imgWrapperCartSum-CO img {
  align-self: center;
  width: 50px;
}
.stepSummary-CO .purchaseSum-CO {
  text-align: end;
  font-weight: 300;
  font-size: 14px;
}
.stepSummary-CO .purchaseSum-CO span {
  font-weight: 500;
  padding-right: 4px;
}
.stepSummary-CO .productSumSectionWrap-CO {
  padding-left: 0px;
  padding-right: 0px;
  border-left: 1px solid #cad0d4;
  border-right: 1px solid #cad0d4;
}
.stepSummary-CO .editCart-CO {
  padding-right: 0px;
  display: flex;
  align-items: flex-start;
  align-self: flex-end;
  justify-content: end;
}
.stepSummary-CO .editCart-CO .btn i.fas {
  padding-right: 6px;
}
.stepSummary-CO .productSumSection-CO {
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  border-bottom: 1px solid #cad0d4;
}
.stepSummary-CO .productSumSection-CO .row .prodNameLink-CO {
  font-weight: 500;
  font-size: 16px;
  color: #067e7c;
  padding-right: 16px;
}
.stepSummary-CO .productSumSection-CO .row .shoppingCartPartNum {
  color: #343f44;
  font-weight: 300;
  font-size: 14px;
}
.stepSummary-CO .productSumSection-CO .row .shoppingCartPartNum span {
  font-weight: 500;
}
.stepSummary-CO .productSumSection-CO .row .productDescripSum-CO {
  font-style: italic;
  color: #343f44;
  display: inline-block;
  max-height: 1.2rem;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px;
  margin-bottom: 8px;
}
.stepSummary-CO .productSumSection-CO .row .purchaseSum-CO {
  padding-right: 16px;
}
.stepSummary-CO .productSumSection-CO .productDesWrapSum-CO {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
  padding-top: 3px;
  padding-bottom: 3px;
}
.stepSummary-CO .costSumSection-CO {
  border-right: 1px solid #cad0d4;
  border-left: 1px solid #cad0d4;
  border-bottom: 1px solid #cad0d4;
  padding: 0.5rem;
}
.stepSummary-CO .costSumSection-CO .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-right: 0px;
}
.stepSummary-CO .costSumSection-CO span {
  font-weight: bold;
}
.stepSummary-CO .costSumSection-CO .costSum-CO {
  text-align: end;
}
.stepSummary-CO .priceTotalSection-CO {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #cad0d4;
  border-left: 1px solid #cad0d4;
  border-right: 1px solid #cad0d4;
  padding: 1rem 1.25rem 1rem 1rem;
}
.stepSummary-CO .priceTotal-CO {
  text-align: end;
}
.stepSummary-CO .alert-dark {
  margin-top: 1rem;
  margin-bottom: 0px;
}

.addressSearchDropdown-CO {
  transform: translate3d(0rem, 2.1875rem, 0rem) !important;
  width: auto;
  top: -3px !important;
  padding-bottom: 0px;
  max-height: 28rem;
  overflow-y: auto;
  overflow-x: auto;
  overflow-wrap: normal;
  border-bottom: 1px solid #a0abb2;
  /*  &:after {
          content: "  |  ";
          padding-left: 5px;

      }

      &:last-child:after {
          content: none;
      } 
  } */
}
.addressSearchDropdown-CO.addressDropdownDefaultSize {
  min-height: 15.625rem;
  min-width: 50.625rem;
  position: absolute;
}
@media (max-width: 991.98px) {
  .addressSearchDropdown-CO.addressDropdownDefaultSize {
    min-width: 100%;
  }
}
.addressSearchDropdown-CO .noAddressMessage {
  padding: 0px;
  display: none;
}
.addressSearchDropdown-CO .noAddressMessage.show {
  display: block;
}
.addressSearchDropdown-CO .noAddressMessage .noAddressesFound {
  display: block;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  background-color: #fff;
  color: #2a3034;
  font-style: italic;
  text-wrap: wrap;
  min-width: 50.625rem;
}
.addressSearchDropdown-CO .addressGroup {
  padding: 0px;
}
.addressSearchDropdown-CO .addressGroup .addressGroupHeader {
  display: block;
  background-color: #067e7c;
  color: #fff;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.addressSearchDropdown-CO .addressGroup .addressGroupHeader.noAddressesFound {
  background-color: #fff;
  min-width: 50.625rem;
  color: #2a3034;
  font-style: italic;
  text-wrap: wrap;
}
.addressSearchDropdown-CO .addressGroup ul {
  padding: 0px;
  list-style-type: none;
  font-size: 0.875rem;
}
.addressSearchDropdown-CO .savedAddress {
  border-bottom: 1px solid #a0abb2;
  padding: 0.25rem 0.75rem;
  word-wrap: normal;
  white-space: normal;
  display: flex;
}
.addressSearchDropdown-CO .savedAddress:hover {
  background-color: #fcf2fa;
}
.addressSearchDropdown-CO .savedAddress:focus {
  outline: 2px solid #cc009a;
  background-color: #fcf2fa;
  color: #2a3034;
}
.addressSearchDropdown-CO .addressPieceName,
.addressSearchDropdown-CO .addressPieceStreet,
.addressSearchDropdown-CO .addressPieceCity,
.addressSearchDropdown-CO .addressPieceState,
.addressSearchDropdown-CO .addressPieceZip {
  margin-right: 0.625rem;
  text-wrap: wrap;
  display: flex;
  flex: 1;
}
.addressSearchDropdown-CO .addressPieceName {
  min-width: 12rem;
}
.addressSearchDropdown-CO .addressPieceStreet {
  min-width: 16rem;
}
.addressSearchDropdown-CO .addressPieceCity {
  min-width: 8rem;
}
.addressSearchDropdown-CO .addressPieceState {
  min-width: 5rem;
}
.addressSearchDropdown-CO .addressPieceZip {
  min-width: 5rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .addressSearchDropdown-CO {
    min-width: 100%;
  }
  .addressSearchDropdown-CO .addressGroup .addressGroupHeader.noAddressesFound,
  .addressSearchDropdown-CO .noAddressMessage .noAddressesFound {
    min-width: 39rem;
  }
  .addressSearchDropdown-CO .addressPieceName {
    min-width: 7rem;
  }
  .addressSearchDropdown-CO .addressPieceStreet {
    min-width: 12rem;
  }
  .addressSearchDropdown-CO .addressPieceCity {
    min-width: 7rem;
  }
  .addressSearchDropdown-CO .addressPieceState {
    min-width: 5rem;
  }
  .addressSearchDropdown-CO .addressPieceZip {
    min-width: 3rem;
  }
}
@media (max-width: 767.98px) {
  .addressSearchDropdown-CO {
    width: 100%;
  }
  .addressSearchDropdown-CO .addressGroup .addressGroupHeader.noAddressesFound,
  .addressSearchDropdown-CO .noAddressMessage .noAddressesFound {
    min-width: auto;
  }
  .addressSearchDropdown-CO .savedAddress {
    flex-direction: column;
  }
  .addressSearchDropdown-CO .addressPieceName,
  .addressSearchDropdown-CO .addressPieceStreet,
  .addressSearchDropdown-CO .addressPieceCity,
  .addressSearchDropdown-CO .addressPieceState,
  .addressSearchDropdown-CO .addressPieceZip {
    min-width: auto;
  }
}

.backTrackEditTiles-CO {
  padding-top: 5px;
  padding-bottom: 25px;
}

.btnRow-CO {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -17px;
}
.btnRow-CO button:first-of-type {
  border-right: 1px solid #cad0d4;
}
.btnRow-CO .btn-light {
  border-top: 1px solid #cad0d4;
}
.btnRow-CO button {
  padding-top: 8px;
  padding-bottom: 8px;
}

.paymentSection-CO {
  padding-top: 1rem;
}
.paymentSection-CO h3 {
  margin-top: 0px;
  margin-bottom: 1.25rem;
}

.poNumberInputWrap {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.alert i {
  margin-right: 4px;
}

h4 {
  margin-bottom: 1rem !important;
}

.savedCCsectionWrapper {
  padding-top: 40px;
  padding-bottom: 16px;
}

.useShippingAdd-CO {
  padding-right: 12px;
  display: flex;
  align-items: flex-start;
  align-self: flex-end;
}
.useShippingAdd-CO .btn i.fas {
  padding-right: 6px;
}

.cvvRow-CO {
  margin-bottom: 1rem;
}
.cvvRow-CO .form-control {
  display: inline-block;
  width: 29%;
}

.secureCheckoutLogo-CO {
  display: flex;
  justify-content: end;
  padding-top: 24px;
  position: absolute;
  right: 0px;
  bottom: 30px;
  width: 120px;
}
.secureCheckoutLogo-CO img {
  width: 120px;
}

.editCCWrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #cad0d4;
  position: relative;
}
.editCCWrapper .ccInputField {
  font-size: 16px;
  letter-spacing: 4px;
}

.billingAddWrapper {
  border-top: 1px solid #cad0d4;
  border-bottom: 1px solid #cad0d4;
  padding-top: 40px;
  padding-bottom: 24px;
}
.billingAddWrapper h3 {
  margin-top: 30px;
  margin-bottom: 4px !important;
}

.ccNetTermsOptions-CO {
  border-bottom: 1px solid #cad0d4;
  padding-bottom: 40px;
}

.noWeightAlert-CO {
  display: flex;
  justify-content: center;
}
.noWeightAlert-CO .alert {
  margin-top: 32px;
  margin-bottom: 40px;
}
.noWeightAlert-CO .alert .alert-link {
  text-decoration: underline;
}

.freqAddressTitle-CO h3,
.stepShipMethod-CO h3,
.addressSearchRow h3,
.paymentSection-CO h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.newAddressForm-CO {
  margin-top: 2.5rem;
}
.newAddressForm-CO .attToBtnWrap-CO button {
  min-height: 33px;
}
.newAddressForm-CO div {
  text-overflow: ellipsis;
}

.cartPreview-CO {
  padding-bottom: 10px;
}
.cartPreview-CO .shoppingCartHeader-CO {
  background-color: #253746;
}
.cartPreview-CO .shoppingCartHeader-CO h2 {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  margin-top: 15px;
  margin-bottom: 15px;
  color: white;
  font-size: 20px;
}
.cartPreview-CO .shoppingCartHeader-CO h2 i {
  padding-right: 8px;
}
.cartPreview-CO .shoppingCartSumItem-CO {
  border: 1px solid #cad0d4;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartWrapper {
  border: 1px solid #cad0d4;
}
.cartPreview-CO .shoppingCartSumItem-CO .imgWrapperCartSum-CO img {
  width: 40px;
  padding-top: 18px;
}
.cartPreview-CO .shoppingCartSumItem-CO .mfrProdname-CO {
  margin-top: 15px;
  padding-left: 4px;
}
.cartPreview-CO .shoppingCartSumItem-CO .mfrProdname-CO a {
  font-size: 16px;
  font-weight: bold;
  color: #067e7c;
  font-weight: 500;
}
.cartPreview-CO .shoppingCartSumItem-CO .mfrProdname-CO .shoppingCartPartNum {
  font-size: 13px;
  font-style: italic;
  color: #343f44;
  font-weight: 300;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO {
  padding-top: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cad0d4;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO .purchaseInfoRow-CO div:nth-of-type(2) {
  justify-content: center;
  display: flex;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO .purchaseInfoRow-CO div:nth-of-type(2) span {
  align-self: center;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO .purchaseInfoRow-CO div:nth-of-type(3) {
  justify-content: flex-end;
  display: flex;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO .purchaseInfoRow-CO div:nth-of-type(3) span {
  align-self: center;
}
.cartPreview-CO .shoppingCartSumItem-CO .productInfoRow-CO .purchaseInfoRow-CO .prodNameLink-CO {
  color: #067e7c;
}
.cartPreview-CO .shoppingCartSumItem-CO .purchaseInfo-CO {
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-weight: 300;
}
.cartPreview-CO .shoppingCartSumItem-CO .purchaseInfo-CO span {
  font-weight: bold;
  padding-right: 4px;
  font-size: 12px;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartPriceSumSection-CO {
  padding-top: 8px;
  padding-bottom: 16px;
}
.cartPreview-CO .shoppingCartSumItem-CO .orderSummaryHeader {
  padding-left: 0px;
}
.cartPreview-CO .shoppingCartSumItem-CO .totalSum-CO {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #cad0d4;
}
.cartPreview-CO .shoppingCartSumItem-CO .totalSum-CO .totalItems-CO {
  font-size: 20px;
  font-weight: bold;
}
.cartPreview-CO .shoppingCartSumItem-CO .totalSum-CO .priceSum-CO {
  font-size: 20px;
  display: flex;
  justify-content: flex-end;
  font-weight: bold;
  color: #c24900;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartSumRow-CO {
  padding: 8px 0px 0px 0px;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartSumRow-CO div:first-of-type {
  font-weight: bold;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartSumRow-CO i {
  padding-top: 3px;
  color: #cc009a;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartSumRow-CO span {
  padding-left: 3px;
}
.cartPreview-CO .shoppingCartSumItem-CO .cartSumRow-CO div:last-of-type {
  display: flex;
  justify-content: flex-end;
}
.cartPreview-CO .editCartRow-CO a {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  font-size: 16px;
  border-radius: 0px 0px 2px 2px;
}
.cartPreview-CO .editCartRow-CO .col-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.stepNumber-CO {
  display: inline-block;
  font-size: 18px;
  padding-left: 12px;
  padding-top: 2px;
}
.stepNumber-CO .number-CO {
  color: #495057;
  border-radius: 50%;
  background-color: white;
  padding: 4px 8px;
  margin-right: 5px;
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  width: 26px;
  display: inline-block;
  white-space: nowrap;
}

.productQuestionWrapper-CO .productQuestionTitle img {
  width: 32%;
}
.productQuestionWrapper-CO .productQuestionTitle .prodNameQuestion-CO {
  font-weight: 600;
  font-size: 16px;
}
.productQuestionWrapper-CO .productQuestionTitle .prodNameQuestion-CO span {
  padding-left: 4px;
  font-style: italic;
  color: #2a3034;
  font-weight: 300;
}
.productQuestionWrapper-CO .prodNameQuestion-CO {
  font-size: 16px;
  font-weight: 500;
}
.productQuestionWrapper-CO .prodNameQuestion-CO label {
  padding-top: 0px;
  padding-bottom: 0px;
}
.productQuestionWrapper-CO .productQuestions-CO {
  padding-top: 1.5rem;
}
.productQuestionWrapper-CO .productQuestions-CO .imgWrapperProdQuestion-CO {
  text-align: right;
  padding-right: 0px;
}
.productQuestionWrapper-CO .productQuestions-CO .prodQuestion-CO {
  margin-left: 4px;
  margin-bottom: 0px;
}
.productQuestionWrapper-CO .productQuestions-CO .prodQuestion-CO label {
  padding-right: 0px;
}
.productQuestionWrapper-CO .borderB {
  border-bottom: 1px solid #cad0d4;
}

.confirm-CO .confirmContent {
  background-image: url(https://www.content.shi.com/cms-content/accelerator/media/ecommerce/checkout/warehouse-supervisor-halo-crop-isolated-020224.jpg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: right 3rem bottom 0rem;
  padding: 2rem 1rem;
}
.confirm-CO .confirmContent .confirmHeader {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 4rem;
}
.confirm-CO .confirmContent .confirmHeader h1 {
  color: #c24900;
  margin-top: 1.5rem;
}
.confirm-CO .confirmContent .confirmHeader h2 {
  margin-top: 1.5rem;
  font-size: calc(1.275rem + 0.3vw);
}
.confirm-CO .confirmContent .confirmHeader h2 .orderNumber {
  color: #cc009a;
  font-weight: bold;
}
@media (max-width: 991px) {
  .confirm-CO .confirmContent .confirmHeader {
    margin-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .confirm-CO .confirmContent .confirmHeader h1 {
    margin-top: 0;
  }
}
.confirm-CO .confirmContent .confirmMessage {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  padding-bottom: 1rem;
  height: auto;
}
.confirm-CO .confirmContent .confirmMessage .confirmEmail {
  font-weight: bold;
}
.confirm-CO .confirmContent .confirmMessage .confirmEmail::after {
  content: ", ";
}
.confirm-CO .confirmContent .confirmMessage .confirmEmail:last-child::after {
  content: ".";
}
@media (max-width: 991px) {
  .confirm-CO .confirmContent .confirmMessage {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.confirm-CO .confirmContent .confirmMessage .orderDetails {
  font-weight: bold;
}
@media (max-width: 991px) {
  .confirm-CO .confirmContent {
    background-position: right bottom;
    background-size: 50%;
    padding-bottom: 5%;
  }
}
@media (max-width: 767px) {
  .confirm-CO .confirmContent {
    background-position: right bottom;
    background-size: 50%;
    padding-bottom: 10%;
  }
}
@media (max-width: 575px) {
  .confirm-CO .confirmContent {
    background-position: right bottom;
    background-size: 70%;
    padding-bottom: 45%;
  }
  .confirm-CO .confirmContent .confirmHeader,
  .confirm-CO .confirmContent .confirmMessage {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .confirm-CO .confirmContent {
    background-position: right bottom;
    background-size: 85%;
    padding-bottom: 50%;
  }
}
.confirm-CO .confirmCTA {
  -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  -ms-clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  -o-clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  padding: 1rem 2rem;
  color: #fff;
}
.confirm-CO .confirmCTA .contactBtn {
  padding-left: 10%;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.confirm-CO .confirmCTA .contactBtn i:first-child {
  color: #b1e001;
}
.confirm-CO .confirmCTA .contactBtn:hover, .confirm-CO .confirmCTA .contactBtn:focus, .confirm-CO .confirmCTA .contactBtn:focus-within {
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.confirm-CO .confirmCTA .contactBtn:hover i, .confirm-CO .confirmCTA .contactBtn:focus i, .confirm-CO .confirmCTA .contactBtn:focus-within i {
  color: #617a01;
  transition: color 0.25s ease-in-out;
}
@media (min-width: 992px) {
  .confirm-CO .confirmCTA {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (max-width: 991px) {
  .confirm-CO .confirmCTA {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -ms-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -o-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@media (max-width: 767px) {
  .confirm-CO .confirmCTA {
    text-align: center;
  }
  .confirm-CO .confirmCTA .contactBtn {
    padding: 1rem 0;
  }
}
.confirm-CO .bannerContent {
  margin-top: 3rem;
}
.confirm-CO .footerRibbon {
  margin-top: 6rem;
}
@media (max-width: 991px) {
  .confirm-CO .footerRibbon {
    margin-top: 0rem;
  }
}

.footerRibbon {
  padding: 0rem 0;
  background-color: #253746;
}
.footerRibbon .ribbonLink {
  text-align: center;
  position: relative;
}
.footerRibbon .ribbonLink a.btn {
  padding: 2rem 1rem;
  margin: auto;
  color: white;
  font-size: 1rem;
  width: 100%;
  height: 100%;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.footerRibbon .ribbonLink a.btn i {
  display: block;
}
.footerRibbon .ribbonLink a.btn:hover, .footerRibbon .ribbonLink a.btn:focus {
  color: #b1e001;
  background-color: rgba(19, 29, 37, 0.3);
}
.footerRibbon .ribbonLink a.btn:hover i.text-gradient-brand, .footerRibbon .ribbonLink a.btn:focus i.text-gradient-brand {
  background-color: #b1e001;
  background-image: linear-gradient(125deg, #b1e001, #b1e001, #b1e001);
}
.footerRibbon .ribbonLink a.btn:focus {
  outline-offset: 0;
}
.footerRibbon .vr {
  border: 0.0125rem solid #cad0d4;
  margin: 1.5rem -0.125rem;
}
@media (max-width: 767px) {
  .footerRibbon .vr:nth-child(4) {
    display: none;
  }
}

.checkout-Contact .contactBtn i {
  color: #b1e001;
}

.checkout-Contact .contactBtn a:hover i,
.checkout-Contact .contactBtn a:focus i {
  color: #617a01;
  transition: color 0.15s ease-in-out;
}

.checkout-CO .stepShipAddress-CO .ui-widget {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.checkout-CO .stepShipAddress-CO .ui-autocomplete {
  position: absolute !important;
  cursor: default;
  z-index: 4;
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.15);
}
.checkout-CO .stepShipAddress-CO .ui-widget-content {
  border: 1px solid #cad0d4;
  background: #fff;
  color: #2a3034;
}
.checkout-CO .stepShipAddress-CO .ui-menu {
  list-style: none;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .checkout-CO .stepShipAddress-CO .ui-menu {
    margin-top: -15px;
  }
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
  border-bottom: 1px solid #cad0d4;
  word-wrap: normal;
  white-space: normal;
  position: relative;
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item :focus-within {
  background-color: #fff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(11, 229, 226, 0.075), 0 0 8px rgba(11, 229, 226, 0.6);
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item :last-child {
  border-bottom: 0px solid #cad0d4;
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0.5rem 0.75rem 0.3825rem 0.75rem;
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item .searched-text {
  /*this class for demo only, if it is possible to somehow bold the searched terms in the results from Melissa */
  font-weight: bold;
}
.checkout-CO .stepShipAddress-CO .ui-menu .ui-menu-item:hover,
.checkout-CO .stepShipAddress-CO .ui-menu-item:active,
.checkout-CO .stepShipAddress-CO .ui-state-hover,
.checkout-CO .stepShipAddress-CO .ui-state-active,
.checkout-CO .stepShipAddress-CO .ui-autocomplete-active {
  background-color: #f4f6f7;
  cursor: pointer;
}

.checkout-CO .addressMultiple-CO .addressMultipleTitle-CO {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: -20px;
}
.checkout-CO .addressMultiple-CO .ui-widget {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.checkout-CO .addressMultiple-CO .ui-autocomplete {
  position: absolute !important;
  cursor: default;
  z-index: 4;
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.15);
}
.checkout-CO .addressMultiple-CO .ui-widget-content {
  border: 1px solid #cad0d4;
  background: #fff;
  color: #2a3034;
}
.checkout-CO .addressMultiple-CO .ui-menu {
  list-style: none;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .checkout-CO .addressMultiple-CO .ui-menu {
    margin-top: -15px;
  }
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
  border-bottom: 1px solid #cad0d4;
  word-wrap: normal;
  white-space: normal;
  position: relative;
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item :focus-within {
  background-color: #fff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(11, 229, 226, 0.075), 0 0 8px rgba(11, 229, 226, 0.6);
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item :last-child {
  border-bottom: 0px solid #cad0d4;
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0.5rem 0.75rem 0.3825rem 0.75rem;
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item .searched-text {
  /*this class for demo only, if it is possible to somehow bold the searched terms in the results from Melissa */
  font-weight: bold;
}
.checkout-CO .addressMultiple-CO .ui-menu .ui-menu-item:hover,
.checkout-CO .addressMultiple-CO .ui-menu-item:active,
.checkout-CO .addressMultiple-CO .ui-state-hover,
.checkout-CO .addressMultiple-CO .ui-state-active,
.checkout-CO .addressMultiple-CO .ui-autocomplete-active {
  background-color: #f4f6f7;
  cursor: pointer;
}

@media (max-width: 575.98px) {
  .addressManagement-addMan .addNewAddress-addMan {
    flex-direction: column;
  }
  .addressManagement-addMan .addNewAddress-addMan button.dropdown-toggle {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 767px) {
  .addressManagement-addMan .actionCell {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .addressManagement-addMan .actionCell .btn-bare-success {
    width: 30% !important;
  }
  .addressManagement-addMan .addressManagement-addMan .updatePersonalAdd-addMan .modal-dialog .modal-content .modal-body label {
    padding-top: 0.5rem !important;
    padding-bottom: 0.25rem !important;
  }
  .addressManagement-addMan .addressManagement-addMan .createAddressModal-addMan .modal-dialog .modal-content .modal-body label {
    padding-top: 0.5rem !important;
    padding-bottom: 0.25rem !important;
  }
  .addressManagement-addMan .pagination-addMan {
    text-align: center !important;
  }
  .addressManagement-addMan .actionCell {
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .addressManagement-addMan .addressBook-addMan .removeConfirm {
    font-size: 16px !important;
  }
  .addressManagement-addMan .addressBook-addMan .removeConfirm .btn {
    margin: 0px !important;
  }
}
@media (max-width: 992px) {
  .addressManagement-addMan .jumpContent-addMan {
    display: none;
  }
  .addressManagement-addMan .titleRow-AddMan h1 {
    margin-top: 1.5rem !important;
  }
  .addressManagement-addMan .titleRow-AddMan {
    margin-bottom: 0px !important;
  }
  .addressManagement-addMan .search-addMan .col-lg-4 {
    margin-bottom: 1rem;
  }
  .addressManagement-addMan .addNewAddress-addMan {
    display: flex;
  }
  .addressManagement-addMan .addNewAddress-addMan button {
    width: 100% !important;
  }
  .addressGroupings .alert {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.addressManagement-addMan {
  max-width: 1100px;
  padding-bottom: 2rem;
}
.addressManagement-addMan .addressManagementContent-addMan {
  justify-content: space-between !important;
}
.addressManagement-addMan .jumpContent-addMan {
  padding-right: 30px;
}
.addressManagement-addMan .jumpContent-addMan a {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}
.addressManagement-addMan .jumpContent-addMan button {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}
.addressManagement-addMan .importModal-addMan .modal-body .dragDropFileZone-addMan {
  display: flex;
}
.addressManagement-addMan .importModal-addMan .modal-body .dragDropFileZone-addMan .dragDropFileLabel-addMan {
  height: 140px;
  width: 100%;
  border: 1px dotted;
  align-items: center;
  justify-content: center;
  display: flex;
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
}
.addressManagement-addMan .importModal-addMan .modal-body .alert {
  font-weight: bold;
  text-align: left;
  margin-top: 1rem;
}
.addressManagement-addMan .importModal-addMan .modal-body .alert ol {
  margin-left: 0.85rem;
  margin-bottom: 0.25rem;
}
.addressManagement-addMan .importModal-addMan .modal-body .alert ol li {
  font-weight: 500;
}
.addressManagement-addMan .search-addMan {
  justify-content: space-between !important;
}
.addressManagement-addMan .titleRow-AddMan {
  margin-bottom: 1rem;
}
.addressManagement-addMan .titleRow-AddMan h1 {
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
}
.addressManagement-addMan .actionRow-addMan {
  margin-bottom: 1rem;
}
.addressManagement-addMan .addNewAddress-addMan {
  text-align: right;
}
.addressManagement-addMan .addNewAddress-addMan button.dropdown-toggle {
  margin-right: 1rem;
}
.addressManagement-addMan .addNewAddress-addMan .dropdown-menu {
  padding: 0;
}
.addressManagement-addMan .addNewAddress-addMan .dropdown-menu .dropdown-item {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.addressManagement-addMan .addNewAddress-addMan .dropdown-menu .dropdown-item:hover, .addressManagement-addMan .addNewAddress-addMan .dropdown-menu .dropdown-item:focus {
  background-color: #cc009a;
  color: white;
}
.addressManagement-addMan .addressGroupings .alert {
  margin-left: -12px;
  margin-right: -12px;
}
.addressManagement-addMan .addressGroupingsNoAdd {
  font-size: 24px;
  font-family: "Roboto";
  color: #4c575e;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  padding: 4rem;
  border: 1px solid #cad0d4;
}
.addressManagement-addMan .addressHeader-addMan {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  color: #2a3034;
  font-size: 20px;
  padding: 12px 24px;
}
.addressManagement-addMan .addressBook-addMan {
  align-items: center;
  border-top: none;
  position: relative;
  border: 1px solid #f4f6f7;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75rem;
  padding: 0.75rem;
  min-height: 7rem;
}
.addressManagement-addMan .addressBook-addMan .actionCell {
  text-align: right;
}
.addressManagement-addMan .addressBook-addMan .addressCell {
  font-weight: 300;
}
.addressManagement-addMan .addressBook-addMan .removeConfirm {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 20px;
  background-color: rgba(76, 87, 94, 0.9);
  font-weight: bold;
  border-radius: 10px 0px 0px 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  color: white;
  text-align: left;
  padding: 24px;
  display: none;
  align-items: center;
}
.addressManagement-addMan .addressBook-addMan .removeConfirm button {
  margin: 12px;
}
.addressManagement-addMan .pagination-addMan {
  background-color: #f8f9fa;
  display: flex;
  align-items: center;
  border-top: 1px solid #cad0d4;
}
.addressManagement-addMan .pagination-addMan button {
  color: #cc009a;
}
.addressManagement-addMan .pagination-addMan a {
  font-weight: 400;
  padding: 0.5em;
}
.addressManagement-addMan .pagination-addMan .bold {
  font-weight: bold;
}
.addressManagement-addMan .pagination-addMan .setResultsPerPage .dropdown-toggle {
  padding-left: 6px;
  padding-right: 6px;
}
.addressManagement-addMan .updatePersonalAdd-addMan .modal-dialog .modal-body .col-md-7 {
  padding-bottom: 1rem;
}
.addressManagement-addMan .createAddressModal-addMan .modal-dialog .modal-body .col-md-7 {
  padding-bottom: 1rem;
}
.addressManagement-addMan .importModal3-addMan .modal-body {
  padding: 1.5rem;
}
.addressManagement-addMan .importModal3-addMan .fileDetails-addMan {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-bottom: 1px solid #cad0d4;
}
.addressManagement-addMan .importModal3-addMan h3 {
  padding-left: 0px !important;
  text-align: left;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.addressManagement-addMan .importModal3-addMan .fileDetailsRow-addMan {
  border: 1px solid #cad0d4;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: none;
}
.addressManagement-addMan .importModal3-addMan .fileDetailsRow-addMan .fileDetailsLabel-addMan {
  font-weight: 600;
  text-align: left;
  font-size: 0.875rem;
}
.addressManagement-addMan .importModal3-addMan .fileDetailsRow-addMan .fileDetailsValue-addMan {
  display: flex;
  justify-content: left;
  font-size: 0.875rem;
  font-weight: 300;
}
.addressManagement-addMan .importModal3-addMan .newFileUploadLink-addMan {
  margin-top: 0.75rem;
}
.addressManagement-addMan .importModal3-addMan .newFileUploadLink-addMan a {
  margin-left: 0.5rem;
  color: #cc009a;
  text-decoration: underline;
}
.addressManagement-addMan .importModal4-addMan .modal-body {
  padding: 1.5rem;
}
.addressManagement-addMan .importModal4-addMan .alert {
  font-weight: 600;
}
.addressManagement-addMan .importModal4-addMan .acknowledgementReplace-addMan .form-check-label {
  font-weight: 600;
}
.addressManagement-addMan .importModal4-addMan .acknowledgementReplace-addMan .form-check-label span {
  text-decoration: underline;
}
.addressManagement-addMan .ui-widget {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.addressManagement-addMan .ui-autocomplete {
  position: absolute !important;
  cursor: default;
  z-index: 4;
  box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.15);
}
.addressManagement-addMan .ui-widget-content {
  border: 1px solid #cad0d4;
  background: #fff;
  color: #2a3034;
}
.addressManagement-addMan .ui-menu {
  list-style: none;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .addressManagement-addMan .ui-menu {
    margin-top: -15px;
  }
}
.addressManagement-addMan .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
  border-bottom: 1px solid #cad0d4;
  word-wrap: normal;
  white-space: normal;
  position: relative;
}
.addressManagement-addMan .ui-menu .ui-menu-item :focus-within {
  background-color: #fff;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(11, 229, 226, 0.075), 0 0 8px rgba(11, 229, 226, 0.6);
}
.addressManagement-addMan .ui-menu .ui-menu-item :last-child {
  border-bottom: 0px solid #cad0d4;
}
.addressManagement-addMan .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0.5rem 0.75rem 0.3825rem 0.75rem;
}
.addressManagement-addMan .ui-menu .ui-menu-item .searched-text {
  /*this class for demo only, if it is possible to somehow bold the searched terms in the results from Melissa */
  font-weight: bold;
}
.addressManagement-addMan .ui-menu .ui-menu-item:hover,
.addressManagement-addMan .ui-menu-item:active,
.addressManagement-addMan .ui-state-hover,
.addressManagement-addMan .ui-state-active,
.addressManagement-addMan .ui-autocomplete-active {
  background-color: #f4f6f7;
  cursor: pointer;
}
.addressManagement-addMan .jumpContent-ACSBS5 {
  padding-right: 30px;
}
.addressManagement-addMan .jumpContent-ACSBS5 span {
  display: none;
}
.addressManagement-addMan .jumpContent-ACSBS5 a {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}
.addressManagement-addMan .jumpContent-ACSBS5 button {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}

#ValidationResponse.addressError .modal-dialog .modal-content .modal-header .modal-title i {
  padding-right: 4px;
}

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

@media only screen and (max-width: 575px) {
  .accountInfo .moduleBody .row div {
    padding-bottom: 1rem !important;
  }
}
@media only screen and (max-width: 991px) {
  .accountSettings-ACSBS5 .jumpContent-ACSBS5 {
    display: none;
    padding-right: 15px !important;
    margin-bottom: 1rem;
  }
  .accountSettings-ACSBS5 .jumpContent-ACSBS5 span {
    display: inline-block !important;
  }
  .accountSettings-ACSBS5 h1 {
    padding-left: 0% !important;
  }
}
@media only screen and (max-width: 767px) {
  .accountSettings-ACSBS5 h1 {
    padding-left: 4% !important;
    margin-bottom: 1rem !important;
  }
  .accountSettings-ACSBS5 .moduleBody {
    padding: 2.5rem 1.5rem 2rem 1.5rem !important;
    border: none !important;
  }
  .accountSettings-ACSBS5 .accountSettings-ACSBS5 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .accountSettings-ACSBS5 .accountSettings-ACSBS5 h1 {
    padding-left: 15px !important;
  }
  .accountSettings-ACSBS5 div.checkbox.col-xs-12.indentDiv-ACSBS5 {
    margin-left: 30px;
  }
  .accountSettings-ACSBS5 .updateAccount-ACSBS5 {
    padding-left: 25px !important;
    margin: 5px auto 10px;
    float: none;
  }
  .accountSettings-ACSBS5 .newPassword-ACSBS5 {
    padding-left: 10px !important;
  }
  .accountSettings-ACSBS5 .accessKey-ACSBS5 {
    margin-left: 0px !important;
    padding-right: 0px !important;
  }
  .accountSettings-ACSBS5 .inputWidthTokenKey-ACSBS5 div:nth-of-type(2) {
    padding-right: 0px !important;
  }
  .accountSettings-ACSBS5 .inputWidthTokenKey-ACSBS5 {
    padding-left: 5px !important;
  }
  .accountSettings-ACSBS5 .btnRow-ACSBS5 button {
    width: 100%;
  }
  .accountSettings-ACSBS5 .newsletter-ACSBS5 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .accountSettings-ACSBS5 .module {
    margin-bottom: 3rem !important;
  }
  .accountSettings-ACSBS5 .hover-tip {
    display: none;
  }
  .accountSettings-ACSBS5 .passState i {
    width: 2% !important;
  }
  .accountSettings-ACSBS5 .accountInfo {
    padding-bottom: 0rem !important;
  }
  .accountSettings-ACSBS5 .companyTokenKey-ACSBS5 .moduleBody input:first-of-type {
    margin-bottom: 1.5rem;
  }
  .accountSettings-ACSBS5 .addressManagement-ACSBS5 .moduleBody {
    padding-top: 2rem !important;
    margin-bottom: 0.5rem !important;
    border: none !important;
  }
  .accountSettings-ACSBS5 .addressManagement-ACSBS5 .moduleBody .col-sm-6 a {
    margin-bottom: 1.5rem;
  }
  .accountSettings-ACSBS5 .accountInfo .moduleBody .row div:nth-of-type(3) {
    padding-bottom: 1rem;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .col-sm-6 {
    padding-bottom: 0rem !important;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody {
    padding-top: 1rem !important;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row {
    padding-right: 0px !important;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row .passwordInfoMessage-ACSBS5 {
    padding-bottom: 0px !important;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row .passwordErrorMessage-ACSBS5 {
    padding-bottom: 0px !important;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row .col-5 button {
    padding-bottom: 0px;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row label:first-of-type {
    padding-top: 1rem;
  }
  .accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .row .passwordTips-ACSBS5 {
    margin-top: 2rem !important;
  }
}
.accountSettings-ACSBS5 {
  max-width: 1100px;
  margin: 0rem auto;
  padding: 3rem 0;
}

.accountSettings-ACSBS5 .module {
  margin-bottom: 2.5rem;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 {
  background-color: #f8f9fa;
  padding-top: 1rem;
  border-radius: 2px;
  padding-left: 1.5rem;
  margin-top: 2rem;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 h3 {
  display: inline-block;
  color: #1c64a5;
  font-size: 22px;
  padding-left: 5px;
  margin-top: 0;
  margin-bottom: 8px;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 span {
  font-size: 1.5rem;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 span i {
  font-size: 1.5rem;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 ul {
  padding-top: 0.25rem;
  margin-bottom: 0.5rem;
  padding-left: 1.75rem;
}
.accountSettings-ACSBS5 .module .passwordTips-ACSBS5 ul span {
  font-size: 1rem;
}
.accountSettings-ACSBS5 .accountInfo .moduleBody .row div:nth-of-type(2) {
  padding-bottom: 1rem;
}
.accountSettings-ACSBS5 .changePassord-ACSBS5 .moduleBody .col-sm-6 {
  padding-bottom: 2rem;
}
.accountSettings-ACSBS5 .changePassord-ACSBS5 .passwordErrorMessage-ACSBS5 {
  color: #c50006;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.5rem;
  font-weight: bold;
  margin-bottom: 6px;
}
.accountSettings-ACSBS5 .changePassord-ACSBS5 .passwordErrorMessage-ACSBS5 i {
  padding-bottom: 0.3rem;
  padding-right: 0.3rem;
}
.accountSettings-ACSBS5 .changePassord-ACSBS5 .passwordInfoMessage-ACSBS5 {
  color: #067e7c;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.5rem;
  font-weight: bold;
  margin-bottom: 6px;
  padding-bottom: 24px !important;
}
.accountSettings-ACSBS5 .changePassord-ACSBS5 .passwordInfoMessage-ACSBS5 i {
  padding-top: 4px;
  align-self: center;
  padding-bottom: 0.3rem;
  padding-right: 0.3rem;
}
.accountSettings-ACSBS5 .passwordTips-AS i {
  color: #1c64a5;
  float: left;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 8px;
  margin-left: 5px;
  padding-left: 5px;
  display: inline-block;
}
.accountSettings-ACSBS5 .passwordTips-AS li {
  padding-top: 5px;
  color: #1c64a5;
  margin-left: -6px;
  font-size: 16px;
  padding-bottom: 0;
  padding-left: 0;
  line-height: 100%;
}
.accountSettings-ACSBS5 .jumpContent-ACSBS5 {
  padding-right: 30px;
}
.accountSettings-ACSBS5 .jumpContent-ACSBS5 span {
  display: none;
}
.accountSettings-ACSBS5 .jumpContent-ACSBS5 a {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}
.accountSettings-ACSBS5 .jumpContent-ACSBS5 button {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #cad0d4;
  font-size: 16px;
  padding: 0.7em;
  margin-bottom: -1px;
}
.accountSettings-ACSBS5 .form-label.required::after, .accountSettings-ACSBS5 .radiogroup-name.required::after, .accountSettings-ACSBS5 .checkgroup-name.required::after, .accountSettings-ACSBS5 .form-check-label.required::after {
  color: #c50006;
}
.accountSettings-ACSBS5 .btnRow-ACSBS5 {
  margin-top: 2rem;
  margin-bottom: 0rem;
  justify-content: flex-end;
}
.accountSettings-ACSBS5 .btnRow-ACSBS5 button {
  font-size: 16px;
  padding: 0.5rem 3rem;
}
.accountSettings-ACSBS5 .moduleBody {
  font-size: 16px;
  border: 1px solid #e3e7e9;
  border-top: none;
  border-radius: 0 0 2px 2px;
  padding: 2rem 3rem 3rem 3rem;
}
.accountSettings-ACSBS5 .moduleBody .passwordWrap button {
  color: #1c64a5;
}
.accountSettings-ACSBS5 .moduleBody .saveStep-ACSBS5 button {
  display: none;
  margin-top: 2rem;
  font-size: 1rem;
  padding: 0.5rem 2rem;
}
.accountSettings-ACSBS5 .addressManagement-ACSBS5 .btn {
  width: 100%;
}
.accountSettings-ACSBS5 .addressManagement-ACSBS5 .btn i {
  padding-right: 4px;
}
.accountSettings-ACSBS5 .passwordTips-ACSBS5 span {
  font-weight: bold;
}
.accountSettings-ACSBS5 .companyTokenKey-ACSBS5 .alert {
  margin-bottom: 2rem;
}
.accountSettings-ACSBS5 .accessKey-ACSBS5 {
  margin-left: 20px;
}
.accountSettings-ACSBS5 .showLabel {
  font-size: 14px;
}
.accountSettings-ACSBS5 .addAddressBtn-ACSBS5 {
  margin: 15px auto;
}
.accountSettings-ACSBS5 .addAddressBtn-ACSBS5 button {
  width: 35%;
  margin-bottom: 15px;
}
.accountSettings-ACSBS5 .moduleTitle {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: none;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  border-radius: 2px 2px 0 0;
  font-size: 24px;
  padding-left: 1.5rem;
}
.accountSettings-ACSBS5 .moduleTitle i {
  padding-right: 0.5rem;
  font-size: 22px;
}
.accountSettings-ACSBS5 .steps-ACSBS5 .form-control {
  padding: 6px 8px !important;
}
.accountSettings-ACSBS5 .newAccountCreation .container {
  min-width: initial !important;
  margin-left: auto;
  margin-right: auto;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 {
  background-color: #ffb98f;
  border: 1px solid #c24900;
  border-radius: px;
  margin-bottom: 10px;
  padding: 5px 15px;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 p {
  font-size: 16px;
  line-height: 110%;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 div {
  margin: 8px 0 8px 15px;
  font-size: 16px;
  margin-left: 10px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 600;
  width: 93%;
  display: inline-block;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 i {
  width: 3%;
  vertical-align: top;
  font-size: 16px;
  margin-left: 0;
  margin-top: 3px;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 li {
  margin-left: 50px;
  margin-bottom: 0;
}
.accountSettings-ACSBS5 .warningPanel-ACSBS5 .fa-chevron-circle-up {
  float: right;
}
.accountSettings-ACSBS5 .lowerTableCost-ACSBS5 {
  border: 1px solid #cad0d4;
}
.accountSettings-ACSBS5 .lowerTableCost-ACSBS5 td {
  font-size: 16px;
  border-top: none !important;
}
.accountSettings-ACSBS5 .lowerTableCost-ACSBS5 tr:last-of-type {
  border-top: 1px solid #cad0d4 !important;
}
.accountSettings-ACSBS5 .inputWidth-ACSBS5 {
  width: 100% !important;
  margin-top: 5px;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 {
  margin: 5px auto 10px;
  float: none;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 .col-sm-11 {
  padding-left: 0px !important;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 .col-xs-12 {
  padding-left: 0px !important;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 span {
  width: auto;
  font-size: 16px;
  margin: 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 i {
  color: #1c64a5;
  font-size: 14px;
}
.accountSettings-ACSBS5 .updateAccount-ACSBS5 .fa-question-circle {
  padding-left: 4px;
  color: #1c64a5;
  display: inline-block;
  font-size: 18px;
}
.accountSettings-ACSBS5 .changePassword-ACSBS5 {
  margin: 0px auto 0;
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.accountSettings-ACSBS5 .changePassword-ACSBS5 .row {
  margin-left: 0;
}
.accountSettings-ACSBS5 .quotedProducts-ACSBS5 {
  margin: 10px auto 0;
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.accountSettings-ACSBS5 .quotedProducts-ACSBS5 .row {
  margin-left: 0;
}
.accountSettings-ACSBS5 .quotedProducts-ACSBS5 .col-xs-5 {
  width: 49.667%;
  padding-left: 0;
}
.accountSettings-ACSBS5 .GDPR-ACSBS5 .alert-body {
  font-size: 14px;
}
.accountSettings-ACSBS5 .indentDiv-ACSBS5 {
  margin-left: 15px;
  padding-bottom: 10px;
}
.accountSettings-ACSBS5 .newsletter-ACSBS5 {
  margin-bottom: 15px;
}
.accountSettings-ACSBS5 .newsletter-ACSBS5 input {
  vertical-align: middle;
}
.accountSettings-ACSBS5 .newsletter-ACSBS5 label {
  vertical-align: middle;
  font-weight: bold;
}
.accountSettings-ACSBS5 .newsletter-ACSBS5 .checkbox {
  margin: 0px 0px 0px 15px;
  padding-bottom: 10px;
}
.accountSettings-ACSBS5 .newsletter-ACSBS5 hr {
  margin-top: 0px;
  margin-bottom: 10px;
}
.accountSettings-ACSBS5 h1 {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-left: 8.33%;
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}
.accountSettings-ACSBS5 .GDPR-Banner .col-12 {
  margin: 5px auto 10px;
  padding-bottom: 5px;
  border-radius: 5px;
}
.accountSettings-ACSBS5 .accountSettings-ACSBS5 .addressError i {
  padding-right: 4px;
}
.accountSettings-ACSBS5 .accountSettings-ACSBS5 .verifyEmail {
  margin-top: 1.5rem;
}
.accountSettings-ACSBS5 .eyePosition-ACSBS5 {
  float: right;
  margin-left: 15px;
  vertical-align: bottom;
}
.accountSettings-ACSBS5 .productTable-ACSBS5 {
  padding-left: 0;
  padding-right: 0;
}
.accountSettings-ACSBS5 .productTable-ACSBS5 th {
  color: white;
}
.accountSettings-ACSBS5 .productTable-ACSBS5 td.text-center {
  vertical-align: middle;
}
.accountSettings-ACSBS5 .productTable-ACSBS5 td.text-right {
  vertical-align: middle;
}
.accountSettings-ACSBS5 .indentGDPR-ACSBS5 {
  margin-left: 0px;
  width: 100%;
  margin-bottom: 15px;
}
.accountSettings-ACSBS5 .indentGDPR-ACSBS5 i {
  color: #1c64a5;
}
.accountSettings-ACSBS5 .indentGDPR-ACSBS5 .col-sm-11 {
  border-radius: 4px;
}
.accountSettings-ACSBS5 .inputField {
  margin: 0;
  padding-right: 30px;
  width: 100%;
}
.accountSettings-ACSBS5 #newPassword-ACSBS5 {
  font-size: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  vertical-align: middle;
}
.accountSettings-ACSBS5 .tokenKeyTip1 {
  padding-left: 15px !important;
  padding-left: 0px;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 600;
}
.accountSettings-ACSBS5 .tokenKeyTip1 i {
  color: #1c64a5;
}
.accountSettings-ACSBS5 .tokenKeyTip2 {
  padding-left: 15px !important;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 0px;
  font-size: 16px;
  white-space: nowrap;
  font-weight: 600;
}
.accountSettings-ACSBS5 .tokenKeyTip2 i {
  color: #1c64a5;
}
.accountSettings-ACSBS5 .newPassword-accessmenu .fa-asterisk {
  color: red;
}
.accountSettings-ACSBS5 .newPassword-accessmenu .fa-eye {
  float: right;
  line-height: 1.5em;
}
.accountSettings-ACSBS5 .passwordWrap {
  padding-top: 7px;
  margin-bottom: 20px;
}
.accountSettings-ACSBS5 .passwordWrap button {
  float: right;
  padding-top: 5px;
  color: #1c64a5;
  background: none;
  border: none;
}
.accountSettings-ACSBS5 .passwordWrap input {
  padding-right: 35px;
}
.accountSettings-ACSBS5 #showPasswordIcon1 {
  padding-top: 5px !important;
}
.accountSettings-ACSBS5 #showPasswordIcon2 {
  padding-top: 5px !important;
}
.accountSettings-ACSBS5 .hover-parent {
  position: absolute;
  bottom: 2px;
  right: 15px;
  width: 24px;
  height: 24px;
  top: 35px;
}
.accountSettings-ACSBS5 .resendVerification {
  padding-top: 7px;
  font-size: 16px;
  color: #1c64a5;
  font-weight: bold;
  background: none;
  border: none;
}
@media only screen and (max-width: 767px) {
  .accountSettings-ACSBS5 .emailVerified h1 {
    margin-left: 0px !important;
  }
  .accountSettings-ACSBS5 .emailVerified .row button {
    font-size: 18px;
    width: 100%;
  }
}
.accountSettings-ACSBS5 input[type=number]::-webkit-inner-spin-button,
.accountSettings-ACSBS5 input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.catalogSelect {
  padding: 2rem 2rem 5rem 2rem;
}
@media (max-width: 575.98px) {
  .catalogSelect {
    padding: 2rem 1rem 5rem 2rem;
  }
}
.catalogSelect .selectionHeading h1 {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 2rem;
}
.catalogSelect .errorAlert {
  margin-top: 1rem;
  margin-bottom: 0rem;
  display: flex;
  font-size: 1rem;
}
.catalogSelect .errorAlert i {
  padding-top: 0.125rem;
}
.catalogSelect .errorAlert .currentCatalog, .catalogSelect .errorAlert .contactTeam {
  font-weight: bold;
}
.catalogSelect .selectionAlert {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
  font-size: 1rem;
}
.catalogSelect .selectionAlert i {
  padding-top: 0.125rem;
}
.catalogSelect .selectionAlert .currentCatalog, .catalogSelect .selectionAlert .contactTeam {
  font-weight: bold;
}
.catalogSelect .buttonRow .buttonSet {
  display: flex;
  margin-top: 3rem;
  gap: 1rem;
}
.catalogSelect .buttonRow .buttonSet .btn-cancel {
  padding: 1rem 4rem;
}
.catalogSelect .buttonRow .buttonSet .btn-submit {
  padding: 1rem 6rem;
}
.catalogSelect .buttonRow .buttonSet .btn-submit i {
  padding-right: 0.15rem;
}
@media (min-width: 576px) {
  .catalogSelect .buttonRow .buttonSet {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  .catalogSelect .buttonRow .buttonSet {
    display: grid;
    margin-left: auto;
    margin-right: auto;
  }
  .catalogSelect .buttonRow .buttonSet .btn-cancel,
  .catalogSelect .buttonRow .buttonSet .btn-submit {
    padding: 1rem 1rem;
  }
}

@media (max-width: 440px) {
  .featuredStandards .productFeatureStand {
    justify-content: center;
  }
  .featuredStandards .prodDesc {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .acctHome-BS5 .previewBtn {
    display: none !important;
  }
  .acctHome-BS5 .previewBtn button {
    margin-left: 8px;
  }
  .acctHome-BS5 .md-controls {
    display: none !important;
  }
  .acctHome-BS5 .messageCenter {
    padding-right: 0px !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .acctHome-BS5 .messageCenter .moduleBody {
    padding-right: 0px !important;
  }
  .acctHome-BS5 .messageCenter .editorPanel {
    padding-right: 0px !important;
  }
  .renewals .numberProd {
    display: none !important;
  }
  .pendingTransfers .orderDateHeader {
    display: none !important;
  }
  .pendingTransfers .orderDate {
    display: none !important;
  }
  .pendingTransfers .transfersLine .orderDate {
    display: none !important;
  }
}
@media (max-width: 615px) {
  .acctHome-BS5 {
    padding-bottom: 0px !important;
  }
  .acctHome-BS5 .moduleTitle h2 {
    font-size: 18px !important;
  }
  .acctHome-BS5 .moduleBody {
    margin-bottom: 2.5rem !important;
  }
  .prodInfo {
    text-align: center !important;
    padding-top: 4px;
    width: 100% !important;
  }
  .prodInfo .addCartBtn {
    margin-top: 0.5rem !important;
    width: 100% !important;
  }
  .prodInfo .prodDesc {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .prodInfo .prodDesc .prodName {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    margin-bottom: 0 !important;
  }
  .prodInfo .prodDesc .prodSubDesc {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media (max-width: 767px) {
  .acctHome-BS5 h1 {
    margin-left: 0.5rem !important;
  }
  .acctHome-BS5 .moduleTitle {
    margin-bottom: 1rem !important;
  }
  .acctHome-BS5 .moduleTitle h2 {
    font-size: 20px;
  }
  .acctHome-BS5 .moduleTitle h2 .fa-exclamation-triangle {
    font-size: 1rem !important;
    margin-right: 0px !important;
  }
  .acctHome-BS5 .moduleTitle .fa-exclamation-triangle {
    font-size: 16px;
  }
  .acctHome-BS5 .moduleTitle .btn {
    min-width: auto !important;
  }
  .acctHome-BS5 .fa-exclamation-triangle {
    font-size: 16px;
    padding-right: 8px;
  }
  .acctHome-BS5 .status {
    display: none !important;
  }
  .acctHome-BS5 .pendingTransfers {
    height: auto !important;
  }
  .acctHome-BS5 .pendingTransfers .acctHomeWrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .acctHome-BS5 .pendingTransfers button {
    margin-left: 8px;
    margin-top: -4px;
  }
  .acctHome-BS5 .pendingTransfers button .fa-file {
    display: none !important;
  }
  .acctHome-BS5 .featuredStandards {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .acctHome-BS5 .featuredStandards .overlay .overlay-content {
    justify-content: inherit !important;
  }
  .acctHome-BS5 .featuredStandards .overlay .overlay-content .overlayTitle {
    padding-top: 5rem;
  }
  .acctHome-BS5 .featuredStandards .productFeatureStand {
    margin-bottom: 1rem !important;
  }
  .acctHome-BS5 .featuredStandards .productFeatureStand .prodDesc {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    height: 6.8em !important;
  }
  .acctHome-BS5 .featuredStandards .productFeatureStand .imgContain {
    width: 120px !important;
  }
  .acctHome-BS5 .featuredStandards .productPrice {
    display: inline-block;
  }
  .acctHome-BS5 .featuredStandards .stockStat {
    display: inline-block;
    padding-left: 1rem;
  }
  .acctHome-BS5 .featuredStandards .featuredStandProdTile {
    height: auto !important;
  }
  .acctHome-BS5 .featuredStandards .featuredStandProdTile .prodName {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    margin-bottom: 0px !important;
  }
  .acctHome-BS5 .featuredStandards .addCartBtn {
    opacity: 0 !important;
  }
  .acctHome-BS5 .featuredStandards .prodInfo {
    text-align: center !important;
    padding-top: 4px;
  }
  .acctHome-BS5 .featuredStandards .prodInfo .addCartBtn {
    margin-top: 0.5rem;
    width: 100%;
  }
  .acctHome-BS5 .featuredStandards .prodInfo .prodDesc {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .acctHome-BS5 .featuredStandards .prodInfo .prodDesc .prodSubDesc {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
  .acctHome-BS5 .recentOrders .acctHomeWrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .acctHome-BS5 .recentOrders .orderStatus {
    display: none;
  }
  .acctHome-BS5 .quotes {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .acctHome-BS5 .quotes .acctHomeWrapper {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .acctHome-BS5 .renewals .daysUntil {
    display: none !important;
  }
  .acctHome-BS5 .orderedByHeader {
    display: none !important;
  }
  .acctHome-BS5 .pendingTransfers .orderedBy {
    display: none !important;
  }
  .acctHome-BS5 .resourceLine {
    margin-bottom: 3rem !important;
  }
  .acctHome-BS5 .resourceLine .col-md-2 {
    justify-content: center;
    display: flex;
  }
  .acctHome-BS5 .resourceLine img {
    margin: 1rem auto;
    width: 220px !important;
    height: 110px !important;
  }
  .acctHome-BS5 .acctHomeTableRow .orderName {
    display: none !important;
  }
  .acctHome-BS5 .acctHomeTableRow .itemCount {
    display: none !important;
  }
  .acctHome-BS5 .orderApproval .acctHomeWrapper {
    padding-left: 1rem !important;
    padding-right: 2.5rem !important;
  }
  .acctHome-BS5 .orderApproval .acctHomeWrapper .orderedBy {
    display: none !important;
  }
  .acctHome-BS5 .orderApproval .reviewTranfer button i {
    display: none !important;
  }
  .moduleTitle h2 {
    margin-top: 0px !important;
  }
  .featuredStandards .overlay-content .closeFSOverlay {
    top: 0px !important;
    right: 0px !important;
  }
  .sideNavContain-BS5 .acctHomeLeftFrame #divAccountTeams {
    margin-bottom: 3rem;
  }
  .sideNavContain-BS5 .acctHomeLeftFrame #divAccountTeams .acctTeam .acctTeamRep {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1.25rem !important;
  }
  .sideNavContain-BS5 .acctHomeLeftFrame #divAccountTeams .acctTeam .acctTeamRep .employeeRepPhone {
    padding-bottom: 0.5rem !important;
  }
  .sideNavContain-BS5 .acctHomeLeftFrame #divAccountTeams .acctTeam .acctTeamRep .employeeRepEmail {
    padding-bottom: 0.5rem !important;
  }
  .acctHome-BS5 .acctTeamRep {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .acctHome-BS5 .featuredStandards .prodInfo .addCartBtn {
    opacity: 1 !important;
  }
  .moduleTitle h2 {
    padding-top: 0.5rem !important;
  }
  .pendingTransfers .pendingTransfers {
    height: auto !important;
  }
  .featuredStandards.overlayWrapper {
    height: auto !important;
  }
  .news {
    height: auto !important;
  }
  .news .newsLine {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .resourceHub .acctHomeWrapper {
    padding: 1rem !important;
  }
}
@media (max-width: 895px) {
  .orderName {
    display: none !important;
  }
  .queuedOnHeader {
    width: inherit !important;
  }
  .queuedOn {
    width: inherit !important;
  }
  .orderedBy {
    width: inherit !important;
  }
  .orderedByHeader {
    width: inherit !important;
  }
  .submenuAH .fa-caret-right {
    display: none !important;
  }
}
.acctHome-BS5 {
  font-weight: 300;
  padding-top: 3.5rem;
  padding-bottom: 5rem;
}
.acctHome-BS5 h1 {
  width: 97%;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  margin-left: -12px;
  height: 1px;
  margin: 0px;
  position: relative;
}
.acctHome-BS5 h1 span {
  display: none;
}
.acctHome-BS5 .sideNavContain-BS5 {
  padding-right: 2rem;
  background-color: white;
  font-size: 24px;
  font-weight: bold;
}
.acctHome-BS5 .sideNavContain-BS5 #divCompanyLogo {
  display: grid;
}
.acctHome-BS5 .sideNavContain-BS5 #divCompanyLogo img {
  width: 100%;
  padding: 0 1.5rem 1.5rem 1.5rem;
  max-height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList {
  font-size: 14px;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAH:active {
  color: black !important;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAH .fa-caret-right {
  float: right;
  width: auto;
  color: #cad0d4;
  margin-top: 6px;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList li {
  margin: 5px 0;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList li:first-of-type {
  margin-top: 10px;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList li:last-of-type {
  margin-bottom: 10px;
}
.acctHome-BS5 .sideNavContain-BS5 .acctHomeNav .submenuAHList a {
  width: 100%;
  display: block;
  min-width: 300px;
  margin-bottom: 0rem;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList a:hover {
  text-decoration: none;
}
.acctHome-BS5 .sideNavContain-BS5 .submenuAHList {
  font-size: 14px;
  display: none;
  position: fixed;
  background: white;
  margin: 0;
  padding: 0;
  z-index: 6;
  width: auto;
}
.acctHome-BS5 .acctHomeNav ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}
.acctHome-BS5 .acctHomeNav ul li a {
  font-size: 1rem;
  width: 100%;
  text-align: left;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  border-radius: 0;
  border: none;
  white-space: normal;
  margin-bottom: 0.75rem;
}
.acctHome-BS5 .acctHomeNav ul li a:hover {
  background-color: #cc009a;
}
.acctHome-BS5 .acctHomeNav ul li a i {
  font-size: 1rem;
  margin-right: 7px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
}
.acctHome-BS5 .acctHomeNav .customBtn {
  display: block;
  margin: 15px auto 0;
  padding: 0.5em 3em;
}
.acctHome-BS5 .acctHomeNav {
  margin-right: 1rem;
  color: white;
  padding-top: 1em;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3e7e9;
  border-top: 1px solid #e3e7e9;
}
.acctHome-BS5 .acctHomeNav ul {
  width: 100%;
}
.acctHome-BS5 .acctHomeNav ul .topMenu a {
  padding-top: 6px;
}
.acctHome-BS5 .acctHomeNav ul .topMenu a i {
  margin-top: -3px;
}
.acctHome-BS5 .acctHomeNav ul li ul li a {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem;
  font-size: 14px;
}
.acctHome-BS5 .acctHomeNav ul li .dropdown-item:hover {
  color: white;
  background-color: #cc009a;
}
.acctHome-BS5 .acctHomeNav ul {
  margin: 0;
  padding: 0;
}
.acctHome-BS5 .acctHomeNav li {
  list-style: none;
  cursor: pointer;
}
.acctHome-BS5 .acctHomeNav ul li ul {
  display: none;
}
.acctHome-BS5 .acctHomeNav ul li.submenu {
  position: relative;
}
.acctHome-BS5 .acctHomeNav ul li.submenu ul {
  position: fixed;
  left: 495px;
  width: 250px;
  background: white;
  padding: 0;
  box-shadow: 2px 3px 8px #a0abb2;
  margin-right: 15px;
}
.acctHome-BS5 .acctHomeNav ul li.submenu ul li {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 35px;
}
.acctHome-BS5 .acctHomeNav ul li.submenu ul li:last-of-type {
  margin-bottom: 25px;
}
.acctHome-BS5 .acctHomeNav ul li.submenu:hover ul {
  display: inline-block;
}
.acctHome-BS5 .acctHomeNav .dropend {
  margin-bottom: 0.5rem;
  width: 100%;
}
.acctHome-BS5 .acctHomeNav .dropend .dropdown-toggle {
  font-size: 1rem;
  text-align: left;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding: 0.5rem;
  font-weight: 500;
  border-radius: 0;
  border: none;
  white-space: normal;
}
.acctHome-BS5 .acctHomeNav .dropend .dropdown-toggle i {
  font-size: 1rem;
  margin-right: 7px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
}
.acctHome-BS5 .acctHomeNav .dropend .show ul li a {
  font-size: 0.75rem;
}
.acctHome-BS5 .acctHomeNav .dropend .dropdown-toggle:hover {
  background-color: #cc009a;
}
.acctHome-BS5 .acctHomeNav .dropend .dropdown-toggle:active {
  background-color: #cc009a;
}
.acctHome-BS5 .acctHomeNav .dropend .dropdown-toggle:focus {
  background-color: #cc009a;
}
.acctHome-BS5 .acctHomeNav .dropend ul li {
  color: white;
}
.acctHome-BS5 .acctTeam {
  width: 100%;
}
.acctHome-BS5 .acctTeamRep {
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 0px;
}
.acctHome-BS5 .employeeImg {
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .employeeImg .picContain {
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  padding: 0.25rem;
  background-color: #253746;
  background-image: linear-gradient(125deg, #ff00c0, #ff7724, #b1e001);
}
.acctHome-BS5 .employeeImg .picContain img {
  height: 3.7rem;
  width: 3.7rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0;
  object-position: 50% 0;
}
.acctHome-BS5 .employeeName {
  align-content: center;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  padding-left: 0px;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .repTitle {
  font-size: 0.9375rem;
  font-weight: 300;
  margin-left: 1rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.acctHome-BS5 .employeeRepEmail {
  font-size: 0.9375rem;
  font-weight: 300;
  margin-left: 1rem;
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .employeeRepEmail a {
  color: #067e7c;
}
.acctHome-BS5 .employeeRepPhone {
  font-size: 0.9375rem;
  font-weight: 300;
  margin-left: 1rem;
  padding-bottom: 1rem;
}
.acctHome-BS5 .employeeRepPhone a {
  color: #067e7c;
}
.acctHome-BS5 .notificationsAccountHome .alert {
  display: flex;
}
.acctHome-BS5 .notificationsAccountHome .accountHomeAlert {
  font-size: 1rem;
  font-weight: 400;
}
.acctHome-BS5 .notificationsAccountHome .accountHomeAlert .alertIcon {
  width: 1.5rem;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  text-align: center;
}
.acctHome-BS5 .moduleTitle {
  display: flex;
  align-items: center;
  /* Optional: space between h2 and button */
  justify-content: space-between;
  /* Optional: add padding for better appearance */
  padding: 0.5rem 1rem;
}
.acctHome-BS5 .moduleTitle h2 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.acctHome-BS5 .moduleTitle .col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.acctHome-BS5 .moduleTitle {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .moduleTitle .col {
  text-align: end;
}
.acctHome-BS5 .moduleTitle .fa-exclamation-triangle {
  font-size: 1.5rem;
  color: #c24900;
  margin-right: 12px;
}
.acctHome-BS5 .moduleTitle h2 {
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 1.5rem;
  font-weight: normal;
}
.acctHome-BS5 .moduleTitle h2 img {
  width: 20px;
  margin-bottom: 4px;
  margin-right: 12px;
}
.acctHome-BS5 .moduleTitle .btn {
  min-width: 8rem;
}
.acctHome-BS5 .messageCenter .col-9 {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-left: 0px;
}
.acctHome-BS5 .messageCenter .col-3 {
  text-align: right;
}
.acctHome-BS5 .messageCenter .editBtn {
  border-radius: 50%;
  margin-left: 1rem;
  position: absolute;
  right: 0px;
  top: 0.4rem;
  padding: 0.5rem 0.6rem 0.5rem 0.75rem;
}
.acctHome-BS5 .messageCenter .editBtn i {
  padding-left: 0px;
  padding-right: 0px;
}
.acctHome-BS5 .messageCenter [data-handler=bootstrap-markdown-cmdUrl] {
  margin-left: 1rem;
}
.acctHome-BS5 .moduleBody {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 4.5rem;
}
.acctHome-BS5 .moduleBody .acctHomeTableRow {
  padding-top: 0.66rem;
  padding-bottom: 0.66rem;
  font-size: 1rem;
  font-weight: 300;
}
.acctHome-BS5 .moduleBody .acctHomeTableRow a {
  color: #067e7c;
}
.acctHome-BS5 .editorPanel {
  padding-right: 0px !important;
}
.acctHome-BS5 .welcomeMessageWrapper {
  display: flex;
  margin-bottom: 2.5rem;
}
.acctHome-BS5 .welcomeMessageWrapper .acctHomeTableRow:hover {
  background-color: #e3e7e9;
}
.acctHome-BS5 .acctHome-BS5 .md-editor .md-controls .md-control.md-control-fullscreen:hover {
  background-color: #1c64a5;
}
.acctHome-BS5 .messageCenter .moduleBody {
  margin-bottom: 0px;
  padding-right: 0px !important;
}
.acctHome-BS5 .messageCenter .welcomeMessage {
  font-size: 1rem;
  padding-right: 2.5rem;
}
.acctHome-BS5 .messageCenter .welcomeMessage h1,
.acctHome-BS5 .messageCenter .welcomeMessage h2,
.acctHome-BS5 .messageCenter .welcomeMessage h3,
.acctHome-BS5 .messageCenter .welcomeMessage h4,
.acctHome-BS5 .messageCenter .welcomeMessage h5,
.acctHome-BS5 .messageCenter .welcomeMessage h6 {
  font-family: "Lora", "Roboto", serif;
  padding-bottom: 0.75rem;
}
.acctHome-BS5 .messageCenter .welcomeMessage strong {
  font-weight: 600;
}
.acctHome-BS5 .messageCenter::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .messageCenter::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .messageCenter::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .messageCenter {
  max-height: 350px;
  overflow: auto;
}
.acctHome-BS5 .md-header.btn-toolbar {
  position: relative;
  padding: 3px 3px 4px 3px;
}
.acctHome-BS5 .md-header.btn-toolbar .btn-toolbar {
  display: flex;
  align-items: center;
}
.acctHome-BS5 .md-header.btn-toolbar .btn-group .btn-light-alt {
  width: 2.75rem;
}
.acctHome-BS5 .md-header.btn-toolbar .btn-group .btn-light-alt .fa-code {
  padding-right: 0px !important;
}
.acctHome-BS5 .previewBtn {
  position: absolute;
  right: 50px;
}
.acctHome-BS5 .previewBtn .btn-light-alt {
  width: auto !important;
}
.acctHome-BS5 .md-editor.active {
  border: 1px solid #e3e7e9;
}
.acctHome-BS5 .mcBtn {
  display: inline-block;
  width: 50%;
  border-radius: 0;
  font-size: 16px;
}
.acctHome-BS5 .md-editor {
  display: block;
  border: 1px solid #e3e7e9;
  padding-left: 0px;
  padding-right: 0px;
}
.acctHome-BS5 .md-editor [data-handler=bootstrap-markdown-cmdPreview] {
  left: 1rem;
}
.acctHome-BS5 .md-editor .md-footer,
.acctHome-BS5 .md-editor > .md-header {
  display: block;
  padding: 4px 4px;
  background: #e3e7e9;
}
.acctHome-BS5 .md-editor > .md-header {
  margin: 0;
}
.acctHome-BS5 .md-editor > .md-preview {
  background: #fff;
  min-height: 10px;
  overflow: auto;
  padding: 5px 7px;
}
.acctHome-BS5 .md-editor > textarea {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  outline: 0;
  margin: 0;
  display: block;
  padding: 5px 7px;
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.acctHome-BS5 .md-editor > textarea:focus {
  box-shadow: none;
  background: #fff;
}
.acctHome-BS5 .md-editor .md-controls {
  right: 50px;
  display: inline-block;
}
.acctHome-BS5 .md-editor .md-controls .md-control-fullscreen {
  display: none;
  top: 2px;
  right: 2px;
  position: absolute;
  padding: 0.5rem 0.75rem;
}
.acctHome-BS5 .md-editor .md-controls .md-control-fullscreen i {
  padding-right: 0px !important;
}
.acctHome-BS5 .md-fullscreen-controls .exit-fullscreen {
  display: none;
}
.acctHome-BS5 .md-editor .md-controls .md-control:hover {
  color: white;
}
.acctHome-BS5 .acctHome-BS5 .md-header.btn-toolbar .btn-group .btn-default {
  width: 2.75rem;
}
.acctHome-BS5 .md-editor .md-header .btn-group .btn-default.btn-sm {
  width: 2.75rem;
  padding: 8px;
}
.acctHome-BS5 .md-editor .md-header .btn-group .btn-default.btn-sm:hover {
  color: #fff;
  border-color: #cc009a;
  background-color: #cc009a;
}
.acctHome-BS5 .btn-group > .btn,
.acctHome-BS5 .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.acctHome-BS5 button:not(:disabled),
.acctHome-BS5 [type=button]:not(:disabled),
.acctHome-BS5 [type=reset]:not(:disabled),
.acctHome-BS5 [type=submit]:not(:disabled) {
  cursor: pointer;
}
.acctHome-BS5 .btn {
  font-weight: 500;
}
.acctHome-BS5 .btn-default {
  color: #4c575e;
  background-color: #fff;
  border-color: #4c575e;
}
.acctHome-BS5 .recentOrders .orderStatus {
  width: 6.5rem;
}
.acctHome-BS5 .moduleBody .acctHomeWrapper {
  padding-top: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.acctHome-BS5 .moduleBody .tableHeader {
  font-weight: 500;
  font-size: 1rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .moduleBody .renewals .renewalsHeaderLine {
  margin-bottom: 0.5rem;
}
.acctHome-BS5 .moduleBody .renewals .renewalsHeader {
  font-weight: 500;
  font-size: 1rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.acctHome-BS5 .moduleBody .renewals .renewalDate {
  text-align: right;
}
.acctHome-BS5 .moduleBody .renewals .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .renewals .daysUntil {
  text-align: center;
}
.acctHome-BS5 .moduleBody .renewals .daysUntil.Danger {
  color: #c50006;
}
.acctHome-BS5 .moduleBody .renewals .daysUntil.Warning {
  color: #c24900;
}
.acctHome-BS5 .moduleBody .renewals .daysUntil.Success {
  color: #617a01;
}
.acctHome-BS5 .moduleBody .renewals .renewalsLine {
  padding-top: 0.66rem;
  padding-bottom: 0.66rem;
  font-size: 1rem;
  font-weight: 300;
}
.acctHome-BS5 .moduleBody .renewals .renewalsLine a {
  color: #067e7c;
}
.acctHome-BS5 .moduleBody .renewals .renewalsLine .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .renewals .renewalsLine .daysUntil {
  text-align: center;
  font-weight: 500;
}
.acctHome-BS5 .moduleBody .renewals .renewalsLine .renewalDate {
  text-align: right;
}
.acctHome-BS5 .moduleBody .pendingTransfers .tableHeaderLine {
  margin-bottom: 0.5rem;
}
.acctHome-BS5 .moduleBody .pendingTransfers .pendingTransfers button {
  margin-left: 4px;
  margin-top: -4px;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transferHeaderPrice {
  padding-right: 24px;
  text-align: right;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transferPrice {
  text-align: right;
  padding-right: 24px;
}
.acctHome-BS5 .moduleBody .pendingTransfers .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transfersLine {
  font-size: 1rem;
  font-weight: 300;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transfersLine .col-3 a {
  color: #c24900;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transfersLine .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .pendingTransfers .transfersLine .renewalDate {
  text-align: right;
}
.acctHome-BS5 .moduleBody .orderApproval .tableHeaderLine {
  margin-bottom: 0.5rem;
}
.acctHome-BS5 .moduleBody .orderApproval .pendingTransfers button {
  margin-left: 4px;
  margin-top: -4px;
}
.acctHome-BS5 .moduleBody .orderApproval .transferHeaderPrice {
  padding-right: 24px;
  text-align: right;
}
.acctHome-BS5 .moduleBody .orderApproval .transferPrice {
  text-align: right;
  padding-right: 24px;
}
.acctHome-BS5 .moduleBody .orderApproval .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .orderApproval .transfersLine {
  font-size: 1rem;
  font-weight: 300;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.acctHome-BS5 .moduleBody .orderApproval .transfersLine .col-3 a {
  color: #c24900;
}
.acctHome-BS5 .moduleBody .orderApproval .transfersLine .numberProd {
  text-align: center;
}
.acctHome-BS5 .moduleBody .orderApproval .transfersLine .renewalDate {
  text-align: right;
}
.acctHome-BS5 .dateAcctHome {
  text-align: right;
  min-width: 7rem;
}
.acctHome-BS5 .itemCount {
  text-align: right;
}
.acctHome-BS5 .priceAcctHome {
  text-align: right;
}
.acctHome-BS5 .featuredStandards {
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .featuredStandards .acctHomeWrapper {
  padding-top: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.acctHome-BS5 .featuredStandards .modalBody {
  margin-bottom: 0px;
}
.acctHome-BS5 .featuredStandards .productFeatureStand {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-right: 16px;
}
.acctHome-BS5 .featuredStandards .imgContain {
  padding-right: 0.5rem;
  padding-left: 0.25rem;
}
.acctHome-BS5 .featuredStandards .imgContain img {
  width: 110%;
  padding-left: 0px;
}
.acctHome-BS5 .featuredStandards .addCartBtn {
  opacity: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.acctHome-BS5 .featuredStandards.overlayWrapper {
  height: 420px;
  overflow: hidden;
}
.acctHome-BS5 .featuredStandards.overlayWrapper .acctHomeWrapper {
  padding-top: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  position: relative;
}
.acctHome-BS5 .featuredStandards.overlayWrapper .modalBody {
  margin-bottom: 0px;
}
.acctHome-BS5 .featuredStandards.overlayWrapper .productFeatureStand {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 16px;
  padding-right: 16px;
}
.acctHome-BS5 .featuredStandards.overlayWrapper .addCartBtn {
  opacity: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.acctHome-BS5 .productFeatureStand:focus-within .addCartBtn {
  opacity: 1 !important;
}
.acctHome-BS5 .featuredStandProdTile:hover {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.acctHome-BS5 .featuredStandProdTile {
  height: 130px;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
}
.acctHome-BS5 .featuredStandProdTile .prodDesc {
  max-width: 280px;
  overflow: hidden;
  max-height: 6rem;
  padding-right: 0.75rem;
}
.acctHome-BS5 .featuredStandProdTile .prodDesc .prodName {
  max-height: 2.9rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.acctHome-BS5 .featuredStandProdTile .prodDesc .prodName a {
  color: #067e7c;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
}
.acctHome-BS5 .featuredStandProdTile .prodDesc .prodName a:focus {
  outline: 2px solid #cc009a;
  outline-offset: -2px;
}
.acctHome-BS5 .featuredStandProdTile .prodDesc .prodSubDesc {
  max-height: 3.8rem;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 0.5rem;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo {
  padding-left: 0px;
  padding-right: 0px;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .productPrice {
  justify-self: flex-end;
  color: #c24900;
  font-size: 16px;
  text-align: right;
  line-height: 1.2rem;
  padding-top: 0.25rem;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .stockStat {
  justify-self: flex-end;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .stockStat .fa-check {
  color: #198303;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .stockStat.text-danger {
  color: #c50006;
  font-weight: normal;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .stockStat.text-warning a {
  padding-left: 2px;
  padding-right: 2px;
}
.acctHome-BS5 .featuredStandProdTile .prodInfo .addCartBtn {
  width: 100%;
}
.acctHome-BS5 .featuredStandProdTile .productFeatureStand:hover button {
  opacity: 1;
}
.acctHome-BS5 .featuredStandards {
  position: relative;
}
.acctHome-BS5 .featuredStandards .overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 114%;
  width: 100%;
  z-index: 999;
  opacity: 0.99;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #e3e7e9;
  border-top: none;
}
.acctHome-BS5 .featuredStandards .overlay-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-top: -1rem;
}
.acctHome-BS5 .featuredStandards .overlay-content .closeFSOverlay {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  border-radius: 25px;
}
.acctHome-BS5 .featuredStandards .overlay-content .closeFSOverlay i {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}
.acctHome-BS5 .featuredStandards .overlay-content .overlayTitle {
  color: #c24900;
  margin-bottom: 1.5rem;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
}
.acctHome-BS5 .featuredStandards .overlay-content .overlayBody {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
}
.acctHome-BS5 .featuredStandards .overlay-content .overlayBody div {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.acctHome-BS5 .resourceHub .acctHomeWrapper {
  padding: 1.5rem 2.5rem;
}
.acctHome-BS5 .resourceHub .resourceHeadline {
  margin-top: 0px !important;
  font-size: 18px !important;
  font-weight: 500;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  margin-bottom: 4px;
}
.acctHome-BS5 .resourceHub .resourceHeadline a {
  color: #1c64a5;
}
.acctHome-BS5 .resourceHub .resourceLine {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.acctHome-BS5 .resourceHub .resourceLine img {
  width: 110px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 0.25rem;
}
.acctHome-BS5 .resourceHub .resourceLead {
  margin-bottom: 4px;
}
.acctHome-BS5 .resourceHub .resourceAttr {
  font-style: italic;
  font-size: 14px;
}
.acctHome-BS5 .resourceHub .resourceAttr span {
  padding-left: 1rem;
  font-style: italic;
}
.acctHome-BS5 .news {
  height: 264px;
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .news .newsHeadline {
  font-size: 18px;
  color: #1c64a5;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: 300;
}
.acctHome-BS5 .news .newsDate {
  font-style: italic;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .quotes::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .quotes::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .quotes::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .quotes {
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .featuredStandards::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .orderApproval::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .orderApproval::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .orderApproval::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .orderApproval {
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .pendingTransfers::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .pendingTransfers::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .pendingTransfers::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .news::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .news::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .news::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .pendingTransfers {
  height: 264px;
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .pendingTransfers .queuedOnHeader {
  width: 14%;
}
.acctHome-BS5 .pendingTransfers .queuedOn {
  width: 14%;
}
.acctHome-BS5 .pendingTransfers .orderedBy {
  width: 19.32%;
}
.acctHome-BS5 .pendingTransfers .orderedByHeader {
  width: 19.32%;
}
.acctHome-BS5 .renewals::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .renewals::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .renewals::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .renewals {
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 .recentOrders::-webkit-scrollbar-track {
  background-color: #F9F9F9;
  border-radius: 0px;
}
.acctHome-BS5 .recentOrders::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 15px;
}
.acctHome-BS5 .recentOrders::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 9px;
}
.acctHome-BS5 .recentOrders {
  overflow: auto;
  resize: vertical;
}
.acctHome-BS5 #requestFS .modal-dialog .modal-content .modal-body {
  padding-top: 2rem;
  font-weight: bold;
  font-size: 16px;
}
.acctHome-BS5 #requestFS .modal-dialog .modal-content .modal-body div {
  margin-top: 1rem;
  font-weight: 300;
}
.acctHome-BS5 #requestFS .modal-dialog .modal-content .modal-body label {
  margin-top: 1rem;
}
.acctHome-BS5 .reviewTranfer.col-sm-1 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.acctHome-BS5 .reviewTranfer.col-sm-1 .btn {
  margin-top: -6px !important;
  margin-left: 4px;
}

.contactUsContain {
  padding: 4rem 5rem 6rem 5rem;
}
@media (max-width: 1199.98px) {
  .contactUsContain {
    padding: 4rem 2rem;
  }
}
@media (min-width: 1200px) {
  .contactUsContain {
    min-height: 35rem;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .contactUsContain {
    min-height: 30rem;
  }
}
@media (max-width: 575.98px) {
  .contactUsContain {
    padding: 2rem 0.5rem 3rem 0.5rem;
  }
}
.contactUsContain .contactUsHeader {
  font-size: calc(1.5rem + 0.5vw);
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media (max-width: 575.98px) {
  .contactUsContain .contactUsHeader {
    text-align: center;
  }
}
.contactUsContain .employeeInfoRow {
  border-top: 1px solid #e3e7e9;
  padding: 0.75rem 1rem;
}
@media (max-width: 575.98px) {
  .contactUsContain .employeeInfoRow {
    text-align: center;
    padding-bottom: 1.5rem;
  }
}
.contactUsContain .employeeInfoRow .employeeImg {
  margin: 1rem auto;
}
.contactUsContain .employeeInfoRow .employeeImg .picContain {
  height: 6.5rem;
  width: 6.5rem;
  border-radius: 50%;
  padding: 0.375rem;
  background-color: #253746;
  background-image: linear-gradient(125deg, #ff00c0, #ff7724, #b1e001);
}
.contactUsContain .employeeInfoRow .employeeImg .picContain img {
  height: 5.75rem;
  width: 5.75rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.contactUsContain .employeeInfoRow .employeeImg .picContain.noRepImg {
  background-image: url(https://contentinternal.shi.com/SHIcom/images/Global/SHILogo-Inverse-200x94.png);
  background-repeat: no-repeat;
  background-size: 4.375rem;
  background-position: top 2rem left 0.75rem;
}
.contactUsContain .employeeInfoRow .employeeImg .picContain.noRepImg img {
  display: none;
}
@media (max-width: 575.98px) {
  .contactUsContain .employeeInfoRow .employeeImg {
    display: flex;
    justify-content: center;
    margin: 0.5rem auto;
  }
}
.contactUsContain .employeeInfoRow .employeeDetails {
  align-content: center;
  position: relative;
}
.contactUsContain .employeeInfoRow .employeeDetails .empDetailsRow {
  align-items: center;
}
@media (min-width: 576px) {
  .contactUsContain .employeeInfoRow .employeeDetails .empDetailsRow {
    width: 100%;
  }
}
.contactUsContain .employeeInfoRow .empNameTitle .employeeName h2 {
  margin: 0.325rem 0;
  font-size: calc(1.25rem + 0.25vw);
  font-weight: 700;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
}
@media (min-width: 992px) {
  .contactUsContain .employeeInfoRow .empNameTitle .employeeName h2 {
    padding-right: 0.5rem;
  }
}
.contactUsContain .employeeInfoRow .empNameTitle .employeeTitle h3 {
  margin: 0.325rem 0;
  font-size: 1rem;
  font-weight: 300;
}
@media (min-width: 992px) {
  .contactUsContain .employeeInfoRow .empNameTitle .employeeTitle h3 {
    padding-right: 0.5rem;
  }
}
.contactUsContain .employeeInfoRow .employeeEmail a {
  font-size: 1.125rem;
  font-weight: 300;
  color: #cc009a;
}
.contactUsContain .employeeInfoRow .employeeEmail a:hover, .contactUsContain .employeeInfoRow .employeeEmail a:focus {
  color: #a8007f;
}
.contactUsContain .employeeInfoRow .employeePhone {
  font-size: 1.125rem;
  font-weight: 300;
}
.contactUsContain .employeeInfoRow .employeePhone a {
  color: #2a3034;
}
.contactUsContain .employeeInfoRow .employeePhone a:hover, .contactUsContain .employeeInfoRow .employeePhone a:focus {
  color: #1c64a5;
}
.contactUsContain .employeeInfoRow .employeePhone .fax span {
  padding-left: 0.1875rem;
  font-style: italic;
}
@media (max-width: 991.98px) {
  .contactUsContain .employeeInfoRow .employeeTitle h3,
  .contactUsContain .employeeInfoRow .employeeEmail a,
  .contactUsContain .employeeInfoRow .employeePhone a,
  .contactUsContain .employeeInfoRow .employeePhone .fax {
    font-size: 1rem;
    margin: 0.125rem 0rem;
  }
}

.contactUsFooter .cfContain {
  padding-top: 3rem;
  padding-bottom: 9rem;
}
.contactUsFooter .cfHead {
  font-size: calc(1.275rem + 0.3vw);
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  color: #fff;
  padding-bottom: 1.5rem;
}
.contactUsFooter .cfItem {
  margin-bottom: 1rem;
}
@media (max-width: 400px) {
  .contactUsFooter .cfItem {
    width: 100%;
  }
}
.contactUsFooter .cfBlock {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100%;
  background-color: #ffffff;
  padding: 0px;
  margin: 0.5rem auto;
  text-align: center;
}
.contactUsFooter .cfBlock .cfBlockImg {
  padding: 0;
  margin: 0;
  max-height: 8rem;
  overflow: hidden;
}
.contactUsFooter .cfBlock .cfBlockContent {
  padding: 10px 20px 35px 20px;
  margin-top: 1rem;
}
.contactUsFooter .cfBlock .cfBlockContent h3 {
  font-size: 1.125rem;
}
.contactUsFooter .cfBlock .cfBlockContent .btn {
  font-weight: 500;
  margin-top: 1rem;
}
.contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial {
  margin-top: 2.5rem;
}
.contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial a {
  margin: 0.25rem;
  color: #cc009a;
}
.contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial a:hover, .contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial a:focus {
  color: #a8007f;
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial a {
    margin: 0.25rem 0.125rem;
  }
}
@media (max-width: 400px) {
  .contactUsFooter .cfBlock .cfBlockContent .cfBlockSocial a {
    margin: 0.25rem 0.125rem;
  }
}
.contactUsFooter .cfBlock .cfBlockContent .cfBlockXSquare {
  background-image: url(https://www.content.shi.com/cms-content/accelerator/media/svg-icons/social/twitter-x-logo.svg);
  background-size: 1rem auto;
  background-position: center center;
  background-repeat: no-repeat;
  height: 1.625rem;
  width: 1.625rem;
  background-color: #cc009a;
  border-radius: 3px;
  margin-bottom: -3px;
}
.contactUsFooter .cfBlock .cfBlockContent .cfBlockXSquare:hover, .contactUsFooter .cfBlock .cfBlockContent .cfBlockXSquare:focus {
  background-color: #a8007f;
}

.productConfig {
  position: relative;
}
@media (max-width: 767.98px) {
  .productConfig {
    padding-bottom: 15rem;
  }
}
@media (max-width: 575px) {
  .productConfig {
    padding-bottom: 20rem;
  }
}
.productConfig .configProduct {
  margin-top: 2.5rem;
  padding-bottom: 5rem;
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .productConfig .configProduct {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .productConfig .configProduct {
    margin-top: 2.5rem;
  }
}
.productConfig .configProduct .vr {
  width: 1px;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0;
}
@media (max-width: 991.98px) {
  .productConfig .configProduct .vr {
    display: none;
  }
}
.productConfig .configProduct .productDetails {
  padding-right: 5rem;
}
@media (max-width: 991.98px) {
  .productConfig .configProduct .productDetails {
    padding-right: 1rem;
  }
}
.productConfig .configProduct .productDetails .productName {
  font-size: 1.75rem;
  margin-top: 2rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
}
@media (max-width: 991.98px) {
  .productConfig .configProduct .productDetails .productName {
    margin-top: 1rem;
  }
}
.productConfig .configProduct .productDetails .productSpecs {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 991.98px) {
  .productConfig .configProduct .productDetails .productSpecs {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
.productConfig .configProduct .productDetails .productSpecs li {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1rem;
}
@media (max-width: 991.98px) {
  .productConfig .configProduct .productDetails .productSpecs li {
    margin-bottom: 0.5rem;
  }
}
.productConfig .configProduct .productDetails .productButtons div {
  display: grid;
}
.productConfig .configProduct .productDetails .productButtons div .btn {
  padding: 0.75rem 1rem;
}
@media (max-width: 575.98px) {
  .productConfig .configProduct .productDetails .productButtons {
    gap: 0.5rem;
    padding-bottom: 1rem;
  }
}
.productConfig .configProduct .productImages {
  padding-left: 4rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .productConfig .configProduct .productImages {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media (max-width: 575.98px) {
  .productConfig .configProduct .productImages {
    padding-left: 1em;
    padding-right: 1rem;
  }
}
@media (max-width: 991.98px) and (min-width: 768px) {
  .productConfig .configOptions {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (max-width: 767.98px) {
  .productConfig .configOptions {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}
.productConfig .configOptions .optionGrouping {
  margin-top: 3.5rem;
}
.productConfig .configOptions .optionGrouping:first-of-type {
  margin-top: 0rem;
}
.productConfig .configOptions .optionGrouping:last-of-type {
  margin-bottom: 4rem;
}
.productConfig .configOptions .optionGrouping .optionHeading {
  font-weight: 400;
  color: #045251;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  margin-left: 0.5rem;
}
.productConfig .configOptions .optionGrouping .optionHeading .subText {
  font-size: 1.25rem;
  font-weight: 300;
  color: #253746;
}
.productConfig .configOptions .optionGrouping .optionDescription {
  color: #2a3034;
  margin-top: 0.5rem;
  font-weight: 300;
  font-size: 1rem;
  /* Firefox */
  /* WebKit */
  /* Opera */
  width: -o-calc(100% - 3.5rem);
  /* Standard */
  width: calc(100% - 3.5rem);
  position: relative;
}
@media (max-width: 470px) {
  .productConfig .configOptions .optionGrouping .optionDescription {
    /* Firefox */
    /* WebKit */
    /* Opera */
    width: -o-calc(100% - 2.5rem);
    /* Standard */
    width: calc(100% - 2.5rem);
    position: relative;
  }
}
.productConfig .configOptions .optionGrouping .optionDescription.noDescription {
  display: none;
}
.productConfig .configOptions .optionGrouping .tileWrapper {
  position: relative;
  flex-wrap: wrap;
  /* dp 041825 removed from project
  .optionDetails {
      position: absolute;
      top: -100;
      right: 4.5rem;
      margin-top: -10.5rem;
      height: 10rem;
      width: 24rem;
      border-radius: .125rem;
      padding: .75rem;
      border-top: 1px solid $light;
      box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, .15);
      display: none;
      z-index: 2;
      background-color: $white;

      @media (min-width: 768px) and (max-width: 991.98px) {
          right: .5rem;
          width: 23rem;
      }

      @media (max-width: 470px) {
          right: 1rem;                     
          width: -moz-calc(100% - 1rem);                      
          width: -webkit-calc(100% - 1rem);
          width: -o-calc(100% - 1rem);
          width: calc(100% - 1rem);
          margin-top: -12.5rem;
          height: 12rem;
      }

      .detailsImage {
          text-align: center;
          align-content: center;

          .stockStatus {
              font-weight: 500;
              font-size: .75rem;
              margin-top: .25rem;

              &::before {
                  content: "\f00c";
                  font-family: 'Font Awesome 5 Pro';
                  padding-right: .25rem;
                  color: $secondary;
                  font-weight: 900;
                  font-size: .75rem;
              }

              &.inStock {
                  color: $secondary;

                  &::before {
                      content: "\f00c";
                      color: $secondary;
                  }

              }

              &.lowStock {
                  color: $warning;

                  &::before {
                      content: "\f00c";
                      color: $warning;
                  }

              }

              &.backOrder {
                  color: $danger;

                  &::before {
                      content: "\f06a";
                      color: $danger;
                  }
              }
          }
      }

      .detailsContent {
          align-content: center;

          .detailsHeading {
              font-size: .75rem;
              text-align: right;
              font-weight: bold;
              margin-top: .1rem;
              margin-bottom: .1rem;
          }

          .detailsData {
              font-size: .75rem;
              text-align: left;
              font-weight: 400;
              margin-top: .1rem;
              margin-bottom: .1rem;
          }
      }

      .detailsHelper {
          font-size: .75rem;
          margin-top: .5rem;
          font-style: italic;
          color: $success;
          text-align: center;
      }
  }

  .optionInfo:hover+.optionDetails {
      display: flex;
  }
  */
}
.productConfig .configOptions .optionGrouping .tileWrapper label {
  /* Firefox */
  /* WebKit */
  /* Opera */
  width: -o-calc(100% - 3.5rem);
  /* Standard */
  width: calc(100% - 3.5rem);
  position: relative;
}
@media (max-width: 470px) {
  .productConfig .configOptions .optionGrouping .tileWrapper label {
    /* Firefox */
    /* WebKit */
    /* Opera */
    width: -o-calc(100% - 2.5rem);
    /* Standard */
    width: calc(100% - 2.5rem);
    position: relative;
  }
}
.productConfig .configOptions .optionGrouping .tileWrapper .optionInfo {
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  opacity: 0;
  padding: 1px 0px;
}
.productConfig .configOptions .optionGrouping .tileWrapper .optionInfo .btn {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  line-height: 1.1;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  width: 100%;
}
.productConfig .configOptions .optionGrouping .tileWrapper .optionInfo .btn i {
  font-size: 1.25rem;
  padding-bottom: 0.125rem;
}
@media (max-width: 470px) {
  .productConfig .configOptions .optionGrouping .tileWrapper .optionInfo {
    width: 2.5rem;
  }
  .productConfig .configOptions .optionGrouping .tileWrapper .optionInfo .btn {
    font-size: 0.75rem;
  }
}
.productConfig .configOptions .optionGrouping .tileWrapper:hover .optionInfo, .productConfig .configOptions .optionGrouping .tileWrapper:focus-within .optionInfo {
  opacity: 1;
  position: relative;
  /*  i {
      color: $dark-0;
  } */
}
.productConfig .configOptions .optionGrouping .tileWrapper:hover .optionInfo.noInfo, .productConfig .configOptions .optionGrouping .tileWrapper:focus-within .optionInfo.noInfo {
  display: none;
}
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile, .productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile {
  color: var(--bs-btn-hover-color);
  text-decoration: none;
  background-color: var(--bs-btn-hover-bg);
  border: 1px solid #fff !important;
  /*  border-right:0px !important; */
}
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tileRadioInput,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tileCheckboxInput,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tileRadioInput,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tileCheckboxInput, .productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tileRadioInput,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tileCheckboxInput,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tileRadioInput,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tileCheckboxInput {
  border: 1px solid #ffffff;
}
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tilelHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tileHeading.neutralHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tilePrice,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tileDescription,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.radio-tile .tileDescriptionLong,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tilelHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tileHeading.neutralHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tilePrice,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tileDescription,
.productConfig .configOptions .optionGrouping .tileWrapper:hover > .btn-check + .btn.checkbox-tile .tileDescriptionLong, .productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tilelHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tileHeading.neutralHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tilePrice,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tileDescription,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.radio-tile .tileDescriptionLong,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tilelHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tileHeading.neutralHeading,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tilePrice,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tileDescription,
.productConfig .configOptions .optionGrouping .tileWrapper:focus-within > .btn-check + .btn.checkbox-tile .tileDescriptionLong {
  color: var(--bs-btn-hover-color);
}
.productConfig .configOptions .optionGrouping .addWrapper {
  padding-left: 3.5rem;
  align-items: center;
  overflow: hidden;
  height: 0;
  transition: all 0.5s ease;
  /* Firefox */
  /* WebKit */
  /* Opera */
  width: -o-calc(100% - 3rem);
  /* Standard */
  width: calc(100% - 3rem);
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .productConfig .configOptions .optionGrouping .addWrapper {
    padding-left: 2rem;
  }
}
@media (max-width: 575px) {
  .productConfig .configOptions .optionGrouping .addWrapper {
    padding-left: 2rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 470px) {
  .productConfig .configOptions .optionGrouping .addWrapper {
    /* Firefox */
    /* WebKit */
    /* Opera */
    width: -o-calc(100% - 1.5rem);
    /* Standard */
    width: calc(100% - 1.5rem);
    position: relative;
  }
}
.productConfig .configOptions .optionGrouping .addWrapper .inputWrap {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.productConfig .configOptions .optionGrouping .addWrapper .inputWrap input::-webkit-outer-spin-button,
.productConfig .configOptions .optionGrouping .addWrapper .inputWrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.productConfig .configOptions .optionGrouping .addWrapper .inputWrap input[type=number] {
  -moz-appearance: textfield;
}
.productConfig .configOptions .optionGrouping .addWrapper .addLabel {
  font-weight: bold;
  padding-right: 1rem;
}
.productConfig .configOptions .optionGrouping .addWrapper .addQuantity {
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
}
.productConfig .configOptions .optionGrouping .addWrapper input {
  width: 4.5rem;
  text-align: center;
  border-radius: 0;
  height: 2.5rem;
  border-top: 1px solid #253746;
  border-bottom: 1px solid #253746;
  border-left: 0px;
  border-right: 0px;
}
.productConfig .configOptions .optionGrouping .addWrapper input:focus {
  z-index: 2;
}
.productConfig .configOptions .optionGrouping .addWrapper .btn {
  height: 2.5rem;
  border-radius: 0;
}
.productConfig .configOptions .optionGrouping .addWrapper .btn i {
  pointer-events: none;
}
.productConfig .configOptions .optionGrouping .addWrapper .btn:focus {
  z-index: 2;
}
.productConfig .configOptions .optionGrouping .addWrapper .addHelperText {
  color: #c24900;
  font-weight: 300;
  font-style: italic;
  font-size: 0.875rem;
  padding-left: 1rem;
  align-items: center;
}
.productConfig .configOptions .optionGrouping .addWrapper .addHelperText .stockAvailable,
.productConfig .configOptions .optionGrouping .addWrapper .addHelperText .qtyLimit {
  padding-left: 0.75rem;
  white-space: nowrap;
}
.productConfig .configOptions .optionGrouping .addWrapper .addHelperText .stockAvailable i,
.productConfig .configOptions .optionGrouping .addWrapper .addHelperText .qtyLimit i {
  padding-right: 0.25rem;
}
@media (max-width: 575px) {
  .productConfig .configOptions .optionGrouping .addWrapper .addHelperText {
    margin-left: 1rem;
    padding-top: 0.5rem;
  }
}
.productConfig .configOptions .optionGrouping .addWrapper.animate {
  height: auto;
  display: flex;
  font-size: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
}
.productConfig .summaryPanel .configSummary,
.productConfig .summaryModal .configSummary {
  border: 5px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(to right, #b1e001, #ff7724, #ff00c0);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  background-color: white;
}
.productConfig .summaryPanel .configSummary hr,
.productConfig .summaryModal .configSummary hr {
  margin: 0;
}
.productConfig .summaryPanel .configSummary .summaryHeading,
.productConfig .summaryModal .configSummary .summaryHeading {
  font-weight: 400;
  font-size: 1.5rem;
  margin: 1rem;
}
.productConfig .summaryPanel .configSummary .summaryListings,
.productConfig .summaryModal .configSummary .summaryListings {
  padding: 0rem 2rem 2rem 2rem;
  /*height: auto;*/
  max-height: 30rem;
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: hidden;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem,
.productConfig .summaryModal .configSummary .summaryListings .lineItem {
  font-weight: 300;
  margin-bottom: 0.25rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .productName,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .productName {
  font-size: 1rem;
  display: flex;
  width: 100%;
  color: #045251;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .productName a,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .productName a {
  color: #045251;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .productName a:hover, .productConfig .summaryPanel .configSummary .summaryListings .lineItem .productName a:focus, .productConfig .summaryPanel .configSummary .summaryListings .lineItem .productName a:visited,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .productName a:hover,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .productName a:focus,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .productName a:visited {
  color: #067e7c;
  text-decoration: none;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData {
  display: flex;
  flex-direction: row;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productQty,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productQty {
  padding-left: 1rem;
  width: 25%;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productQty .qtyLabel,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productQty .qtyLabel {
  padding-right: 0.5rem;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productPrice,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productPrice {
  padding-left: 1rem;
  display: flex;
  width: 75%;
}
.productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productPrice .priceLabel,
.productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productPrice .priceLabel {
  padding-right: 0.5rem;
}
@media (max-width: 1199.98px) {
  .productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productQty,
  .productConfig .summaryPanel .configSummary .summaryListings .lineItem .lineData .productPrice,
  .productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productQty,
  .productConfig .summaryModal .configSummary .summaryListings .lineItem .lineData .productPrice {
    width: 50%;
  }
}
.productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem,
.productConfig .summaryModal .configSummary .summaryListings.longList .lineItem {
  display: flex;
  flex-direction: row;
}
.productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .productName,
.productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .productName {
  width: 75%;
  padding-right: 0.5rem;
}
.productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .lineData,
.productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .lineData {
  width: 25%;
}
.productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .lineData .productQty,
.productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .lineData .productQty {
  width: auto;
}
.productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .lineData .productPrice,
.productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .lineData .productPrice {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .productName,
  .productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .productName {
    width: 80%;
  }
  .productConfig .summaryPanel .configSummary .summaryListings.longList .lineItem .lineData,
  .productConfig .summaryModal .configSummary .summaryListings.longList .lineItem .lineData {
    width: 20%;
  }
}
.productConfig .summaryPanel .configSummary .summaryTotals,
.productConfig .summaryModal .configSummary .summaryTotals {
  display: flex;
}
.productConfig .summaryPanel .configSummary .summaryTotals .baseTotals,
.productConfig .summaryPanel .configSummary .summaryTotals .addOnTotals,
.productConfig .summaryPanel .configSummary .summaryTotals .configuredTotals,
.productConfig .summaryModal .configSummary .summaryTotals .baseTotals,
.productConfig .summaryModal .configSummary .summaryTotals .addOnTotals,
.productConfig .summaryModal .configSummary .summaryTotals .configuredTotals {
  font-weight: 500;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.productConfig .summaryPanel .configSummary .summaryTotals .configuredTotals,
.productConfig .summaryModal .configSummary .summaryTotals .configuredTotals {
  font-size: 1rem;
  color: #c24900;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust {
  font-size: 1rem;
  padding-top: 0.75rem;
  position: relative;
  display: flex;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .inputWrap,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .inputWrap {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .inputWrap input::-webkit-outer-spin-button,
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .inputWrap input::-webkit-inner-spin-button,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .inputWrap input::-webkit-outer-spin-button,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .inputWrap input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .inputWrap input[type=number],
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .inputWrap input[type=number] {
  -moz-appearance: textfield;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .addLabel,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .addLabel {
  font-weight: bold;
  padding-right: 1rem;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .addQuantity,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .addQuantity {
  text-align: center;
  padding: 0;
  display: flex;
  align-items: center;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust input,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust input {
  text-align: center;
  border-radius: 0;
  height: 2.5rem;
  border-top: 1px solid #253746;
  border-bottom: 1px solid #253746;
  border-left: 0px;
  border-right: 0px;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust input:focus,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust input:focus {
  z-index: 2;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .btn,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .btn {
  height: 2.5rem;
  border-radius: 0;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .btn i,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .btn i {
  pointer-events: none;
}
.productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust .btn:focus,
.productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust .btn:focus {
  z-index: 2;
}
.productConfig .summaryPanel .configSummary .summaryTotals .addToCart,
.productConfig .summaryModal .configSummary .summaryTotals .addToCart {
  gap: 0.5rem;
}
@media (min-width: 991px) {
  .productConfig .summaryPanel .configSummary .summaryTotals .addToCart .viewDetails,
  .productConfig .summaryModal .configSummary .summaryTotals .addToCart .viewDetails {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .productConfig .summaryPanel .configSummary.anchor-bottom,
  .productConfig .summaryModal .configSummary.anchor-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }
}
@media (min-width: 992px) {
  .productConfig .summaryPanel .configSummary {
    margin-bottom: 2rem;
    box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.15);
    padding: 1rem 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryListings {
    padding: 1rem 2rem 2rem 2rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals {
    padding: 1.5rem 2rem 2rem 2rem;
    flex-direction: column;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .baseTotals,
  .productConfig .summaryPanel .configSummary .summaryTotals .addOnTotals,
  .productConfig .summaryPanel .configSummary .summaryTotals .configuredTotals {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .configuredTotals {
    padding-bottom: 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust {
    justify-content: center;
    align-items: center;
    padding-bottom: 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .quantityAdjust input {
    width: 4.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .addToCart {
    display: grid;
    margin-top: 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals .addToCart .btn {
    padding: 1rem;
  }
}
@media (max-width: 991.98px) {
  .productConfig .summaryPanel .configSummary {
    box-shadow: 0 -2px 15px 1px rgba(0, 0, 0, 0.1);
  }
  .productConfig .summaryPanel .summaryListings,
  .productConfig .summaryPanel hr,
  .productConfig .summaryPanel .summaryHeading,
  .productConfig .summaryPanel .summaryTotals .baseTotals,
  .productConfig .summaryPanel .summaryTotals .addOnTotals {
    display: none;
  }
  .productConfig .summaryPanel .summaryTotals {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .productConfig .summaryPanel .summaryPrice {
    font-size: 1.25rem;
    color: #253746;
  }
  .productConfig .summaryPanel .configuredTotals {
    flex: 0 0 auto;
    width: 50%;
  }
  .productConfig .summaryPanel .quantityAdjust {
    flex: 0 0 auto;
    width: 50%;
    justify-content: flex-end;
  }
  .productConfig .summaryPanel .addToCart {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .productConfig .summaryPanel .addToCart .btn {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    margin-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .productConfig .summaryPanel .configSummary {
    padding: 0.75rem 1rem;
  }
  .productConfig .summaryPanel .configSummary .summaryLabel {
    font-size: 1.35rem;
  }
}
@media (min-width: 450px) and (max-width: 991.98px) {
  .productConfig .summaryPanel .configSummary .summaryTotals {
    flex-wrap: wrap;
  }
  .productConfig .summaryPanel .configSummary .configuredTotals {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .productConfig .summaryPanel .configSummary .quantityAdjust {
    flex-direction: row;
    align-items: center;
    padding-bottom: 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .quantityAdjust input {
    width: 4.5rem;
  }
  .productConfig .summaryPanel .configSummary .addToCart {
    justify-content: flex-end;
  }
}
@media (max-width: 575px) and (min-width: 450px) {
  .productConfig .summaryPanel .configSummary {
    padding: 0.75rem 1rem;
  }
  .productConfig .summaryPanel .configSummary .summaryLabel {
    font-size: 1.25rem;
  }
}
@media (max-width: 449.98px) {
  .productConfig .summaryPanel .configSummary {
    padding: 0.75rem 1.25rem 1rem 1.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryLabel {
    font-size: 1.25rem;
    line-height: 1.625rem;
    padding-right: 0.5rem;
  }
  .productConfig .summaryPanel .configSummary .summaryTotals {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
  }
  .productConfig .summaryPanel .configSummary .summaryPrice {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
  }
  .productConfig .summaryPanel .configSummary .configuredTotals {
    width: 50%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .productConfig .summaryPanel .configSummary .quantityAdjust {
    flex: 0 0 auto;
    width: 50%;
    flex-direction: column;
    align-items: left;
    justify-content: flex-end;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .productConfig .summaryPanel .configSummary .quantityAdjust input {
    width: 4rem;
  }
  .productConfig .summaryPanel .configSummary .quantityAdjust .btn {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .productConfig .summaryPanel .configSummary .addToCart {
    justify-content: center;
    margin-top: 1rem;
  }
  .productConfig .summaryPanel .configSummary .addToCart .btn {
    width: 50%;
  }
}
@media (max-width: 991.98px) and (min-width: 576px) {
  .productConfig .modal-xl.modal-prod-gallery {
    width: 80%;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  .productConfig .modal-xl.modal-prod-gallery {
    width: 95%;
    max-width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}
.productConfig .summaryModal {
  padding: 0 1rem;
  /* box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.15);*/
}
@media (min-width: 992px) {
  .productConfig .summaryModal {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .productConfig .summaryModal .configSummary {
    padding: 0;
  }
  .productConfig .summaryModal .configSummary .summaryTotals {
    padding: 0.5rem 2rem 1.5rem 2rem;
    flex-direction: column;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .baseTotals,
  .productConfig .summaryModal .configSummary .summaryTotals .addOnTotals,
  .productConfig .summaryModal .configSummary .summaryTotals .configuredTotals {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .configuredTotals {
    padding-bottom: 1.5rem;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust {
    justify-content: flex-end;
    align-items: center;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .quantityAdjust input {
    width: 4.5rem;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .addToCart {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
  }
  .productConfig .summaryModal .configSummary .summaryTotals .addToCart .btn {
    padding: 1rem 1.5rem;
  }
}
.productConfig .offcanvas-backdrop.show {
  opacity: 0;
}

.prodThumbnailCarousel {
  padding-left: 3rem;
  padding-right: 3rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 992px) {
  .prodThumbnailCarousel {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
.prodThumbnailCarousel .carousel-item img {
  width: 100%;
  display: block;
}
@media (max-width: 575.98px) {
  .prodThumbnailCarousel {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.prodThumbnailCarousel .carousel-control-prev {
  justify-content: flex-start;
}
.prodThumbnailCarousel .carousel-control-next {
  justify-content: flex-end;
}
.prodThumbnailCarousel .carousel-control-prev,
.prodThumbnailCarousel .carousel-control-next {
  opacity: 1;
  /* &:focus{
      outline-offset: 2px;
      outline: #cc009a solid 2px;
      box-shadow: none;
  }*/
}
@media (max-width: 575.98px) {
  .prodThumbnailCarousel .carousel-control-prev,
  .prodThumbnailCarousel .carousel-control-next {
    width: 10%;
  }
}
.prodThumbnailCarousel .carousel-control-prev .carousel-control-prev-icon,
.prodThumbnailCarousel .carousel-control-next .carousel-control-prev-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23067e7c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M3.56,29.07c.04,14.07,11.31,25.29,25.42,25.3,14.21,0,25.52-11.27,25.48-25.42-.04-14.07-11.31-25.29-25.41-25.3-14.21,0-25.52,11.27-25.48,25.42ZM14.53,27.62c4.23-4.16,8.43-8.36,12.59-12.59.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.03,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8Z'/%3E%3Cpath class='cls-2' d='M0,29.03c-.2,16.24,14.02,29.64,29.08,28.88,14.9.69,28.94-12.59,28.99-28.83C58.11,12.82,44.02-.42,28.66.01,12.68.46.2,12.89,0,29.03ZM3.56,29.07c-.04-14.14,11.27-25.43,25.48-25.42,14.11,0,25.37,11.22,25.41,25.3.04,14.14-11.27,25.42-25.48,25.42-14.11,0-25.37-11.22-25.42-25.3Z'/%3E%3Cpath class='cls-2' d='M27.12,15.03c.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.03,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8,4.23-4.16,8.43-8.36,12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev .carousel-control-next-icon,
.prodThumbnailCarousel .carousel-control-next .carousel-control-next-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23067e7c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M29.02,3.65c-14.11,0-25.37,11.22-25.41,25.3-.04,14.14,11.27,25.42,25.48,25.42,14.11,0,25.37-11.22,25.42-25.3.04-14.14-11.27-25.43-25.48-25.42ZM43.52,30.42c-4.27,4.21-8.52,8.44-12.72,12.72-1.01,1.03-1.7.84-2.63-.09-.98-.98-.97-1.7.03-2.65,2.72-2.58,5.38-5.23,8.05-7.85.42-.41.81-.86,1.44-1.55-.98-.05-1.58-.1-2.18-.1-6.12,0-12.25.02-18.37-.02-1.3,0-3.02.62-3.05-1.83-.03-2.41,1.61-1.92,2.96-1.93,6.12-.02,12.25-.01,18.37-.01h2.2c-.48-.62-.73-1.01-1.05-1.32-2.76-2.72-5.51-5.45-8.31-8.12-1.01-.96-1.18-1.74-.11-2.81,1.09-1.09,1.85-.81,2.8.16,4.17,4.23,8.36,8.43,12.59,12.59,1.05,1.03,1.01,1.79-.02,2.8Z'/%3E%3Cpath class='cls-2' d='M29.41.01C14.04-.42-.04,12.82,0,29.09c.05,16.24,14.09,29.52,28.99,28.83,15.05.75,29.28-12.64,29.08-28.88C57.87,12.89,45.39.46,29.41.01ZM29.09,54.37c-14.21,0-25.52-11.27-25.48-25.42.04-14.07,11.31-25.29,25.41-25.3,14.21,0,25.52,11.27,25.48,25.42-.04,14.07-11.31,25.29-25.42,25.3Z'/%3E%3Cpath class='cls-2' d='M30.95,15.03c-.96-.97-1.72-1.25-2.8-.16-1.07,1.07-.9,1.84.11,2.81,2.8,2.67,5.55,5.4,8.31,8.12.32.31.56.71,1.05,1.32h-2.2c-6.12,0-12.25-.01-18.37.01-1.35,0-3-.48-2.96,1.93.03,2.45,1.75,1.82,3.05,1.83,6.12.04,12.25.02,18.37.02.6,0,1.2.05,2.18.1-.63.69-1.02,1.14-1.44,1.55-2.67,2.63-5.33,5.27-8.05,7.85-.99.95-1,1.67-.03,2.65.93.93,1.62,1.11,2.63.09,4.21-4.28,8.45-8.51,12.72-12.72,1.03-1.01,1.06-1.78.02-2.8-4.23-4.16-8.43-8.36-12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev.disabled,
.prodThumbnailCarousel .carousel-control-next.disabled {
  filter: invert(1) grayscale(1);
  opacity: 0.4;
}
.prodThumbnailCarousel .carousel-control-prev.disabled .carousel-control-prev-icon,
.prodThumbnailCarousel .carousel-control-next.disabled .carousel-control-prev-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23067e7c;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M0,29.03c-.2,16.24,14.02,29.64,29.08,28.88,14.9.69,28.94-12.59,28.99-28.83C58.11,12.82,44.02-.42,28.66.01,12.68.46.2,12.89,0,29.03ZM14.53,27.62c4.23-4.16,8.43-8.36,12.59-12.59.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.02,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8Z'/%3E%3Cpath class='cls-2' d='M27.12,15.03c.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.02,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8,4.23-4.16,8.43-8.36,12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev.disabled .carousel-control-next-icon,
.prodThumbnailCarousel .carousel-control-next.disabled .carousel-control-next-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23067e7c;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M29.41.01C14.04-.42-.05,12.82,0,29.09c.05,16.24,14.09,29.52,28.99,28.83,15.05.75,29.28-12.64,29.08-28.88C57.87,12.89,45.39.46,29.41.01ZM43.52,30.42c-4.27,4.21-8.52,8.45-12.72,12.72-1.01,1.03-1.7.84-2.63-.09-.98-.98-.97-1.7.02-2.65,2.72-2.58,5.38-5.23,8.05-7.85.42-.41.8-.86,1.44-1.55-.98-.05-1.58-.1-2.18-.1-6.12,0-12.25.02-18.37-.02-1.3,0-3.02.62-3.05-1.83-.03-2.41,1.61-1.92,2.96-1.93,6.12-.02,12.25-.01,18.37-.01h2.2c-.48-.62-.73-1.01-1.05-1.32-2.76-2.72-5.51-5.45-8.31-8.12-1.01-.96-1.18-1.74-.11-2.81,1.09-1.09,1.85-.81,2.8.16,4.17,4.23,8.36,8.43,12.59,12.59,1.05,1.03,1.01,1.79-.02,2.8Z'/%3E%3Cpath class='cls-2' d='M30.95,15.03c-.96-.97-1.72-1.25-2.8-.16-1.07,1.07-.9,1.84.11,2.81,2.8,2.67,5.55,5.4,8.31,8.12.32.31.56.71,1.05,1.32h-2.2c-6.12,0-12.25-.01-18.37.01-1.35,0-3-.48-2.96,1.93.03,2.45,1.75,1.82,3.05,1.83,6.12.04,12.25.02,18.37.02.6,0,1.2.05,2.18.1-.63.69-1.02,1.14-1.44,1.55-2.67,2.63-5.33,5.27-8.05,7.85-.99.95-1,1.67-.02,2.65.93.93,1.62,1.11,2.63.09,4.21-4.28,8.45-8.51,12.72-12.72,1.03-1.01,1.06-1.78.02-2.8-4.23-4.16-8.43-8.36-12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev:hover .carousel-control-prev-icon, .prodThumbnailCarousel .carousel-control-prev:focus .carousel-control-prev-icon,
.prodThumbnailCarousel .carousel-control-next:hover .carousel-control-prev-icon,
.prodThumbnailCarousel .carousel-control-next:focus .carousel-control-prev-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23067e7c;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M0,29.03c-.2,16.24,14.02,29.64,29.08,28.88,14.9.69,28.94-12.59,28.99-28.83C58.11,12.82,44.02-.42,28.66.01,12.68.46.2,12.89,0,29.03ZM14.53,27.62c4.23-4.16,8.43-8.36,12.59-12.59.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.02,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8Z'/%3E%3Cpath class='cls-2' d='M27.12,15.03c.96-.97,1.72-1.25,2.8-.16,1.07,1.07.9,1.84-.11,2.81-2.8,2.67-5.55,5.4-8.31,8.12-.32.31-.56.71-1.05,1.32h2.2c6.12,0,12.25-.01,18.37.01,1.35,0,3-.48,2.96,1.93-.03,2.45-1.75,1.82-3.05,1.83-6.12.04-12.25.02-18.37.02-.6,0-1.2.05-2.18.1.63.69,1.02,1.14,1.44,1.55,2.67,2.63,5.33,5.27,8.05,7.85.99.95,1,1.67.02,2.65-.93.93-1.62,1.11-2.63.09-4.21-4.28-8.45-8.51-12.72-12.72-1.03-1.01-1.06-1.78-.02-2.8,4.23-4.16,8.43-8.36,12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev:hover .carousel-control-next-icon, .prodThumbnailCarousel .carousel-control-prev:focus .carousel-control-next-icon,
.prodThumbnailCarousel .carousel-control-next:hover .carousel-control-next-icon,
.prodThumbnailCarousel .carousel-control-next:focus .carousel-control-next-icon {
  filter: none;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.07 57.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23067e7c;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M29.41.01C14.04-.42-.05,12.82,0,29.09c.05,16.24,14.09,29.52,28.99,28.83,15.05.75,29.28-12.64,29.08-28.88C57.87,12.89,45.39.46,29.41.01ZM43.52,30.42c-4.27,4.21-8.52,8.45-12.72,12.72-1.01,1.03-1.7.84-2.63-.09-.98-.98-.97-1.7.02-2.65,2.72-2.58,5.38-5.23,8.05-7.85.42-.41.8-.86,1.44-1.55-.98-.05-1.58-.1-2.18-.1-6.12,0-12.25.02-18.37-.02-1.3,0-3.02.62-3.05-1.83-.03-2.41,1.61-1.92,2.96-1.93,6.12-.02,12.25-.01,18.37-.01h2.2c-.48-.62-.73-1.01-1.05-1.32-2.76-2.72-5.51-5.45-8.31-8.12-1.01-.96-1.18-1.74-.11-2.81,1.09-1.09,1.85-.81,2.8.16,4.17,4.23,8.36,8.43,12.59,12.59,1.05,1.03,1.01,1.79-.02,2.8Z'/%3E%3Cpath class='cls-2' d='M30.95,15.03c-.96-.97-1.72-1.25-2.8-.16-1.07,1.07-.9,1.84.11,2.81,2.8,2.67,5.55,5.4,8.31,8.12.32.31.56.71,1.05,1.32h-2.2c-6.12,0-12.25-.01-18.37.01-1.35,0-3-.48-2.96,1.93.03,2.45,1.75,1.82,3.05,1.83,6.12.04,12.25.02,18.37.02.6,0,1.2.05,2.18.1-.63.69-1.02,1.14-1.44,1.55-2.67,2.63-5.33,5.27-8.05,7.85-.99.95-1,1.67-.02,2.65.93.93,1.62,1.11,2.63.09,4.21-4.28,8.45-8.51,12.72-12.72,1.03-1.01,1.06-1.78.02-2.8-4.23-4.16-8.43-8.36-12.59-12.59Z'/%3E%3C/svg%3E");
}
.prodThumbnailCarousel .carousel-control-prev:disabled,
.prodThumbnailCarousel .carousel-control-next:disabled {
  cursor: not-allowed;
}
.prodThumbnailCarousel.noGallery .carousel-control-prev,
.prodThumbnailCarousel.noGallery .carousel-control-next {
  display: none;
}

.prodThumbnailButtons .btn-product-carousel {
  padding: 0;
}
.prodThumbnailButtons .btn-product-carousel:hover, .prodThumbnailButtons .btn-product-carousel:active, .prodThumbnailButtons .btn-product-carousel.active, .prodThumbnailButtons .btn-product-carousel:focus {
  border: 1px solid #617a01;
}
.prodThumbnailButtons .btn-carousel-modal {
  padding: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  color: #6c757d;
  align-content: center;
  font-size: 1.25rem;
}
.prodThumbnailButtons .btn-carousel-modal i {
  display: block;
  font-size: 2rem;
  padding-bottom: 0.15rem;
}
.prodThumbnailButtons .btn-carousel-modal:hover, .prodThumbnailButtons .btn-carousel-modal:active, .prodThumbnailButtons .btn-carousel-modal.active, .prodThumbnailButtons .btn-carousel-modal:focus {
  border: 1px solid #617a01;
}
@media (max-width: 575px) {
  .prodThumbnailButtons .btn-carousel-modal {
    font-size: 0.8rem;
  }
  .prodThumbnailButtons .btn-carousel-modal i {
    font-size: 1rem;
  }
}

.prodGalleryModal .productImageModal .galleryDismiss {
  text-align: right;
}
.prodGalleryModal .productImageModal .modalThumbnailControl {
  width: 50%;
  padding: 1rem;
}
@media (max-width: 991.98px) {
  .prodGalleryModal .productImageModal .modalThumbnailControl {
    width: 20%;
    padding: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .prodGalleryModal .productImageModal .modalThumbnailControl {
    width: 20%;
    padding: 0.5rem;
  }
}

@media (max-width: 991.98px) and (min-width: 576px) {
  .modal-xl.modal-prod-gallery {
    width: 80%;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  .modal-xl.modal-prod-gallery {
    width: 95%;
    max-width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}

.offcanvas.prodSpecsOffcanvas {
  box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.15);
  border-left: 1px solid #f4f6f7;
  width: 650px;
  padding: 1.5rem;
  z-index: 1065;
  overflow-y: auto;
}
@media (min-width: 1500px) {
  .offcanvas.prodSpecsOffcanvas {
    width: 40vw;
    max-width: 750px;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  .offcanvas.prodSpecsOffcanvas {
    width: 50vw;
    max-width: 750px;
  }
}
.offcanvas.prodSpecsOffcanvas:focus {
  outline: none;
}
.offcanvas.prodSpecsOffcanvas .offcanvas-header {
  align-items: flex-start;
  padding-bottom: 0;
  position: sticky;
}
.offcanvas.prodSpecsOffcanvas .offcanvas-header .itemHeading {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  /*padding-top: 1rem;*/
  font-size: 1.75rem;
}
.offcanvas.prodSpecsOffcanvas .offcanvas-body {
  overflow-y: unset;
}
.offcanvas.prodSpecsOffcanvas .itemDescription .description {
  font-weight: 300;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .manNum,
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .prodNum {
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .offcanvas.prodSpecsOffcanvas .itemPartNumbers .manNum,
  .offcanvas.prodSpecsOffcanvas .itemPartNumbers .prodNum {
    display: flex;
    flex-direction: column;
  }
}
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .manNum .heading,
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .prodNum .heading {
  font-weight: 500;
  padding-right: 0.5rem;
}
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .manNum .number,
.offcanvas.prodSpecsOffcanvas .itemPartNumbers .prodNum .number {
  font-weight: 300;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .stockInfo,
.offcanvas.prodSpecsOffcanvas .itemStockPrice .priceInfo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .btn.stockStatus {
  font-size: 1.5rem;
  padding: 0.125rem 0.25rem;
  margin-right: 0.875rem;
  font-weight: 400;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .btn.stockStatus i {
  padding-right: 0.5rem;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .btn.stockStatus .inStock {
  color: #617a01;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .btn.stockStatus .lowStock {
  color: #c24900;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .btn.stockStatus .backorder {
  color: #c50006;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .inventory {
  color: #4c575e;
  font-size: 1rem;
  font-weight: 500;
  display: none;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .inventory .inventoryNumber {
  font-weight: 300;
  padding-left: 0.25rem;
}
.offcanvas.prodSpecsOffcanvas .itemStockPrice .inventory.stockChecked {
  display: flex;
}
.offcanvas.prodSpecsOffcanvas .stockInfo.noInventoryInfo .inventory {
  display: none;
}
@media (max-width: 575.98px) {
  .offcanvas.prodSpecsOffcanvas .stockInfo {
    justify-content: center;
    flex-direction: column;
  }
}
.offcanvas.prodSpecsOffcanvas .priceInfo {
  justify-content: flex-end;
}
.offcanvas.prodSpecsOffcanvas .priceInfo.noMSRPInfo .msrp {
  display: none;
}
@media (max-width: 575.98px) {
  .offcanvas.prodSpecsOffcanvas .priceInfo {
    justify-content: center;
  }
}
.offcanvas.prodSpecsOffcanvas .priceInfo .msrp {
  color: #4c575e;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: line-through;
  margin-right: 0.875rem;
}
.offcanvas.prodSpecsOffcanvas .priceInfo .price {
  color: #c24900;
  font-size: 1.5rem;
}
.offcanvas.prodSpecsOffcanvas .itemAddConfig {
  margin-top: 3rem;
}
.offcanvas.prodSpecsOffcanvas .itemAddConfig .addConfigBtn {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  font-weight: 400;
}
.offcanvas.prodSpecsOffcanvas .itemAddConfig .addConfigBtn i {
  padding-right: 0.5rem;
}
.offcanvas.prodSpecsOffcanvas .itemAddConfig .addConfigBtn.noAddConfig {
  display: none;
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsHeading {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 3rem;
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsCategory {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsLabel {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
@media (max-width: 399.98px) {
  .offcanvas.prodSpecsOffcanvas .itemSpecs .specsLabel {
    width: 100%;
  }
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsDetail {
  font-size: 1rem;
  font-weight: 300;
  margin-top: 1rem;
}
@media (max-width: 399.98px) {
  .offcanvas.prodSpecsOffcanvas .itemSpecs .specsDetail {
    width: 100%;
    margin-top: 0rem;
  }
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsDetail ul {
  list-style-type: none;
  padding-left: 0;
}
.offcanvas.prodSpecsOffcanvas .itemSpecs .specsDetail ul li {
  padding-bottom: 0.5rem;
}

.viewOrders {
  margin: 0 auto;
}
.viewOrders h1 {
  margin-top: 3rem;
  font-size: 2.25rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .viewOrders h1 {
    font-size: calc(1.25rem + 1.2vw);
    margin-top: 2rem;
  }
}
.viewOrders .actionRow {
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  .viewOrders .actionRow.row > *:nth-child(-n+4) {
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .viewOrders .actionRow.row > *:nth-child(-n+3) {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .viewOrders .actionRow {
    margin-top: 0.5rem;
  }
}
.viewOrders .actionRow .form-label {
  font-size: 1rem;
  font-weight: 600;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
}
@media (max-width: 767.98px) {
  .viewOrders .actionRow .form-label {
    margin-top: 1rem;
  }
}
.viewOrders .actionRow .filterApply {
  display: flex;
}
.viewOrders .actionRow .filterApply button {
  margin-right: 0.375rem;
  flex: 1 1 auto;
  align-self: flex-end;
}
@media (max-width: 767.98px) {
  .viewOrders .actionRow .filterApply {
    margin-top: 1rem;
  }
  .viewOrders .actionRow .filterApply button {
    margin-right: 0;
    margin-left: 0.25rem;
  }
  .viewOrders .actionRow .filterApply button:first-of-type {
    margin-left: 0;
    margin-right: 0.25rem;
  }
}
.viewOrders .actionRow .viewOrdersSearch {
  position: relative;
  /*    .searchBtn {
              position: absolute;
              bottom: 0px;
              right: 0;
              border-radius: 2px;
              &.btn-outline-dark {
                  background-color:white;
                  &:hover, &:focus {
  background-color:$dark;
                  }
              }
          } 
      .clearFltersOrder {
              position: absolute;
              bottom: 0px;
              right: 40px;
              border-radius: 2px;
              border: none;
              background-color: transparent;
              color:$warning;
              font-size: 15px;
          } 
      .clearFltersOrder:hover {
              background-color: $warning;
              color: white;
          } */
}
@media (max-width: 991.98px) {
  .viewOrders .actionRow .viewOrdersSearch .form-label {
    margin-top: 1rem;
  }
}
.viewOrders .actionRow .viewOrdersSearch .clearFiltersOrder i {
  color: #c24900;
  width: auto;
}
.viewOrders .actionRow .searchResultMessage {
  margin: 25px 0 0 15px;
  font-weight: 400;
  font-size: 20px;
  font-style: italic;
}
.viewOrders .actionRow .searchResultMessage button {
  padding: 3px 9px;
  font-size: 16px;
  border-radius: 25px;
}
.viewOrders .actionRow .searchResultMessage button + .tooltip .tooltip-inner {
  background-color: #c50006;
}
.viewOrders .actionRow .searchResultMessage button + .tooltip.top .tooltip-arrow {
  border-top-color: #c50006;
}
.viewOrders .orderTable {
  margin-top: 2rem;
}
.viewOrders .orderTable .titleRow {
  background-color: #f4f6f7;
  padding: 1rem 0.5rem;
  display: flex;
}
@media (max-width: 991.98px) {
  .viewOrders .orderTable .titleRow {
    display: none;
  }
}
.viewOrders .orderTable .titleRow .orderCell {
  font-weight: 600;
}
.viewOrders .orderTable .titleRow .expandTitleCell {
  width: 5%;
  text-align: center;
}
.viewOrders .orderTable .titleRow,
.viewOrders .orderTable .overviewRow {
  margin: 0px;
  font-size: 1rem;
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  flex-direction: row;
  align-items: center;
}
.viewOrders .orderTable .titleRow > *,
.viewOrders .orderTable .overviewRow > * {
  padding: 0;
}
.viewOrders .orderTable .titleRow .orderCell,
.viewOrders .orderTable .overviewRow .orderCell {
  padding-right: 0.5rem;
}
.viewOrders .orderTable .titleRow .orderNumCell,
.viewOrders .orderTable .titleRow .dateCell,
.viewOrders .orderTable .titleRow .poNumCell,
.viewOrders .orderTable .titleRow .statusCell,
.viewOrders .orderTable .overviewRow .orderNumCell,
.viewOrders .orderTable .overviewRow .dateCell,
.viewOrders .orderTable .overviewRow .poNumCell,
.viewOrders .orderTable .overviewRow .statusCell {
  width: 11%;
  text-align: left;
}
.viewOrders .orderTable .titleRow .poNumCell,
.viewOrders .orderTable .overviewRow .poNumCell {
  word-break: break-all;
}
.viewOrders .orderTable .titleRow .shipToCell,
.viewOrders .orderTable .overviewRow .shipToCell {
  width: 23%;
  text-align: left;
}
@media (max-width: 991.98px) and (min-width: 576px) {
  .viewOrders .orderTable .titleRow .shipToCell,
  .viewOrders .orderTable .overviewRow .shipToCell {
    order: 2;
  }
}
.viewOrders .orderTable .titleRow .numItemCell,
.viewOrders .orderTable .overviewRow .numItemCell {
  width: 9%;
  text-align: center;
}
.viewOrders .orderTable .titleRow .totalCell,
.viewOrders .orderTable .overviewRow .totalCell {
  width: 9%;
  text-align: right;
}
.viewOrders .orderTable .titleRow .detailsCell,
.viewOrders .orderTable .overviewRow .detailsCell {
  width: 10%;
  text-align: center;
  display: grid;
  padding: 0 1rem;
}
@media (max-width: 991.98px) and (min-width: 576px) {
  .viewOrders .orderTable .titleRow .detailsCell,
  .viewOrders .orderTable .overviewRow .detailsCell {
    order: 2;
  }
}
@media (min-width: 992px) {
  .viewOrders .orderTable .titleRow .detailsCell .orderBtnLabel,
  .viewOrders .orderTable .overviewRow .detailsCell .orderBtnLabel {
    display: none;
  }
}
.viewOrders .orderTable .orderRow {
  margin-top: 1.5rem;
}
.viewOrders .orderTable .overviewRow {
  background-color: #EFF2E6;
  padding: 1rem 0.5rem;
  display: flex;
}
.viewOrders .orderTable .overviewRow .orderCell {
  font-weight: 400;
}
.viewOrders .orderTable .overviewRow .orderCell .cellLabelStyle {
  font-weight: 700;
}
@media (min-width: 992px) {
  .viewOrders .orderTable .overviewRow .orderCell .cellLabelStyle {
    display: none;
  }
}
.viewOrders .orderTable .overviewRow .expandBtnCell {
  width: 5%;
  text-align: center;
}
.viewOrders .orderTable .overviewRow .expandMobBtnCell {
  background-color: #fff;
  border: 1px solid #f4f6f7;
}
.viewOrders .orderTable .overviewRow .orderNumCell a {
  color: #cc009a;
}
.viewOrders .orderTable .overviewRow .orderNumCell a:hover, .viewOrders .orderTable .overviewRow .orderNumCell a:focus {
  color: #a8007f;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .viewOrders .orderTable .overviewRow {
    flex-direction: row;
    align-items: top;
    flex-wrap: wrap;
    padding: 0;
    padding-bottom: 0;
  }
  .viewOrders .orderTable .overviewRow .orderCell {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
    text-align: left;
  }
  .viewOrders .orderTable .overviewRow .orderCell.shipToCell {
    width: 50%;
    padding-bottom: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.orderNumCell, .viewOrders .orderTable .overviewRow .orderCell.dateCell, .viewOrders .orderTable .overviewRow .orderCell.poNumCell, .viewOrders .orderTable .overviewRow .orderCell.statusCell {
    padding-top: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.numItemCell, .viewOrders .orderTable .overviewRow .orderCell.totalCell {
    padding-bottom: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .expandBtnCell {
    display: none;
  }
  .viewOrders .orderTable .overviewRow .detailsCell {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span {
    width: 50%;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewItemMobBtn,
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewOrderDetails {
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .overviewRow .orderCell {
    width: 50%;
    display: flex;
    flex-direction: row;
    padding: 0.5rem 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.shipToCell {
    width: 100%;
    padding-bottom: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.shipToCell .cellLabelStyle {
    width: 7rem;
    min-width: 7rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.poNumCell, .viewOrders .orderTable .overviewRow .orderCell.statusCell {
    padding-top: 0.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.poNumCell .cellLabelStyle, .viewOrders .orderTable .overviewRow .orderCell.statusCell .cellLabelStyle {
    width: 7rem;
    min-width: 7rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.orderNumCell, .viewOrders .orderTable .overviewRow .orderCell.dateCell {
    padding-top: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.orderNumCell .cellLabelStyle, .viewOrders .orderTable .overviewRow .orderCell.dateCell .cellLabelStyle {
    width: 7rem;
    min-width: 7rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.numItemCell, .viewOrders .orderTable .overviewRow .orderCell.totalCell {
    padding-bottom: 0.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.numItemCell .cellLabelStyle, .viewOrders .orderTable .overviewRow .orderCell.totalCell .cellLabelStyle {
    width: 7rem;
    min-width: 7rem;
  }
  .viewOrders .orderTable .overviewRow .expandBtnCell {
    display: none;
  }
  .viewOrders .orderTable .overviewRow .detailsCell {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span {
    width: 50%;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewItemMobBtn,
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewOrderDetails {
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 575.98px) {
  .viewOrders .orderTable .overviewRow .orderCell {
    padding: 0.5rem 1rem;
    width: 100%;
  }
  .viewOrders .orderTable .overviewRow .orderCell.orderNumCell {
    padding-top: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.dateCell, .viewOrders .orderTable .overviewRow .orderCell.poNumCell, .viewOrders .orderTable .overviewRow .orderCell.statusCell, .viewOrders .orderTable .overviewRow .orderCell.shipToCell, .viewOrders .orderTable .overviewRow .orderCell.numItemCell {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .viewOrders .orderTable .overviewRow .orderCell.totalCell {
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
  }
  .viewOrders .orderTable .overviewRow .expandBtnCell {
    display: none;
  }
  .viewOrders .orderTable .overviewRow .detailsCell {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span {
    width: 50%;
  }
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewItemMobBtn,
  .viewOrders .orderTable .overviewRow .detailsCell span .btn.viewOrderDetails {
    width: 100%;
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .viewOrders .orderTable .orderRow.orderCollapsed {
    margin-bottom: 0;
  }
  .viewOrders .orderTable .orderRow.orderCollapsed .overviewRow {
    background-color: #fff;
    border-bottom: 1px solid #e3e7e9;
    padding-bottom: 1.5rem;
  }
  .viewOrders .orderTable .orderRow.orderExpanded {
    margin-bottom: 0;
  }
  .viewOrders .orderTable .orderRow.orderExpanded .orderWell {
    border-bottom: none;
  }
  .viewOrders .orderTable .orderRow.orderExpanded .overviewRow {
    background-color: #EFF2E6;
    padding: 1rem 0.5rem;
  }
}
.viewOrders .orderTable .productWell {
  padding: 0 1.5rem;
}
.viewOrders .orderTable .productWell .productList {
  background-color: white;
  border: 1px solid #e3e7e9;
  border-top: 0px;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.viewOrders .orderTable .productWell .productList .orderProductRow {
  padding: 0.75rem 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 300;
}
@media (max-width: 575.98rem) {
  .viewOrders .orderTable .productWell .productList .orderProductRow {
    padding: 0.5rem 0.25rem;
  }
}
.viewOrders .orderTable .productWell .productList .orderProductRow .prodImg {
  width: 10%;
  display: flex;
  justify-content: center;
}
.viewOrders .orderTable .productWell .productList .orderProductRow .prodImg img.productPhoto {
  margin: auto;
  max-width: 100%;
  height: 2.75rem;
}
@media (max-width: 991.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodImg {
    width: 15%;
  }
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodImg {
    flex: 0 0 25%;
    /* Adjust width as needed */
    display: flex;
    flex-direction: column;
    justify-content: bottom;
    /* Aligns content top-to-bottom */
    height: 100%;
  }
}
@media (max-width: 449.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodImg img.productPhoto {
    height: auto;
  }
}
.viewOrders .orderTable .productWell .productList .orderProductRow .orderProdName {
  width: 48%;
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .orderProdName {
    flex: 0 0 75%;
    /* Takes up the remaining width next to the image */
    display: flex;
    align-items: flex-start;
    /* Aligns content to the top */
  }
}
.viewOrders .orderTable .productWell .productList .orderProductRow .partNum,
.viewOrders .orderTable .productWell .productList .orderProductRow .prodPrice,
.viewOrders .orderTable .productWell .productList .orderProductRow .prodQty {
  font-style: italic;
}
.viewOrders .orderTable .productWell .productList .orderProductRow .partNum {
  text-align: center;
  width: 14%;
  display: flex;
  flex: 0 0 14%;
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .partNum {
    flex: 0 0 50%;
    /* Each takes up one-third of the row below the second div */
    display: flex;
    padding-left: calc(25% + 0.75rem);
  }
}
@media (max-width: 449.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .partNum {
    flex: 0 0 75%;
    margin-top: 0.25rem;
  }
}
.viewOrders .orderTable .productWell .productList .orderProductRow .prodQty {
  text-align: center;
  width: 9%;
}
.viewOrders .orderTable .productWell .productList .orderProductRow .prodQty .label {
  padding-right: 0.25rem;
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodQty {
    flex: 0 0 25%;
    /* Each takes up one-third of the row below the second div */
    display: flex;
    text-align: left;
  }
}
@media (max-width: 449.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodQty {
    flex: 0 0 75%;
    margin-top: 0.325rem;
    padding-left: calc(25% + 0.75rem);
  }
}
.viewOrders .orderTable .productWell .productList .orderProductRow .prodPrice {
  text-align: right;
  width: 9%;
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodPrice {
    flex: 0 0 25%;
    /* Each takes up one-third of the row below the second div */
    display: flex;
    text-align: left;
  }
}
@media (max-width: 449.98px) {
  .viewOrders .orderTable .productWell .productList .orderProductRow .prodPrice {
    flex: 0 0 75%;
    margin-top: 0.325rem;
    padding-left: calc(25% + 0.75rem);
  }
}
.viewOrders .orderTable .productWell.noShipments .prodQty .shipped {
  display: none;
}
.viewOrders .orderTable .productWell.productShipments .prodQty .label {
  display: none;
}
.viewOrders .orderTable .productWell.productShipments .prodQty .shipped::after {
  content: " of ";
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 0.875rem;
  color: #2a3034;
}
.viewOrders .orderTable .productWell .shipmentRow {
  padding: 0.5rem 0.5rem 0.875rem 0.5rem;
  border-bottom: 1px solid #e3e7e9;
  font-size: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus {
  text-align: left;
  font-weight: 400;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .shipment {
  margin-right: 0.75rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .shipment::before {
  font-family: "Font Awesome 5 Pro";
  padding-right: 0.75rem;
  font-weight: 400;
  font-size: 1.125rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier svg {
  padding-left: 0.75rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.ups svg {
  height: 1.75rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.ups svg .ups-1 {
  fill: #300;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.ups svg .ups-1,
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.ups svg .ups-2 {
  stroke-width: 0px;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.ups svg .ups-2 {
  fill: #ffbe00;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.dhl {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.dhl svg {
  height: 0.625rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.dhl svg .dhl-1 {
  fill: #d40511;
  stroke-width: 0px;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex {
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex svg {
  height: 1rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex svg .fedex-1 {
  fill: #4d148c;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex svg .fedex-1,
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex svg .fedex-2 {
  stroke-width: 0px;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status .carrier.fedex svg .fedex-2 {
  fill: #ff6200;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status a:hover, .viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status a:focus {
  text-decoration: none;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status a:hover .carrier svg, .viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status a:focus .carrier svg {
  opacity: 0.7;
}
@media (max-width: 349.98px) {
  .viewOrders .orderTable .productWell .shipmentRow .shipmentStatus .status {
    display: block;
    padding-left: 2.25rem;
  }
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentDelivery {
  text-align: right;
  font-style: italic;
}
@media (max-width: 767.98px) {
  .viewOrders .orderTable .productWell .shipmentRow .shipmentDelivery {
    text-align: left;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    padding-left: 3rem;
  }
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentDelivery .arrival {
  font-weight: 300;
  padding-right: 0.125rem;
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentDelivery .arrival::after {
  content: "  ";
}
.viewOrders .orderTable .productWell .shipmentRow .shipmentDelivery .date {
  font-weight: 600;
  text-wrap: nowrap;
  white-space: pre;
}
.viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentStatus .shipment::before {
  content: "\f466";
  color: #c24900;
}
.viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentStatus .status {
  color: #c24900;
}
.viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentStatus .status a {
  color: #c24900;
}
.viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentStatus .status a:hover, .viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentStatus .status a:focus {
  color: #953800;
}
.viewOrders .orderTable .productWell .shipmentRow.inTransit .shipmentDelivery .date {
  color: #c24900;
}
.viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentStatus .shipment::before {
  content: "\f467";
  color: #198303;
}
.viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentStatus .status {
  color: #198303;
}
.viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentStatus .status a {
  color: #198303;
}
.viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentStatus .status a:hover, .viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentStatus .status a:focus {
  color: #115802;
}
.viewOrders .orderTable .productWell .shipmentRow.deliveredShipment .shipmentDelivery .date {
  color: #198303;
}
.viewOrders .orderTable .productWell .shipmentRow.pendingShipment .shipmentStatus .shipment::before {
  content: "\f466";
}
.viewOrders .orderTable .productWell .shipmentRow.pendingShipment .shipmentStatus .status {
  display: none;
}
.viewOrders .orderTable .productWell .shipmentRow.pendingShipment .shipmentDelivery {
  display: none;
}
.viewOrders .orderTable .noResults {
  text-align: center;
  padding: 2rem 1rem;
}
.viewOrders .orderTable .noResults h3 {
  font-family: "Lora", Georgia, "Times New Roman", Times, serif;
  font-size: 1.625rem;
}
.viewOrders .orderTable .noResults p {
  font-size: 1rem;
  margin: 0.75rem 0;
}
.viewOrders .orderTable .noResults .alert {
  font-size: 1rem;
  margin-top: 2rem;
  justify-content: center;
}
.viewOrders .orderTable .viewFullOrder {
  display: grid;
}
.viewOrders .orderTable .viewFullOrder a,
.viewOrders .orderTable .viewFullOrder button {
  font-size: 1rem;
  border: 1px solid #e3e7e9;
  border-top: 0px;
  padding: 0.875rem;
}
.viewOrders .orderTable .viewFullOrder a i.fa-chevron-down,
.viewOrders .orderTable .viewFullOrder a i.fa-chevron-up,
.viewOrders .orderTable .viewFullOrder button i.fa-chevron-down,
.viewOrders .orderTable .viewFullOrder button i.fa-chevron-up {
  padding-left: 0.5rem;
}
.viewOrders .orderTable .viewFullOrder a.moreProducts,
.viewOrders .orderTable .viewFullOrder button.moreProducts {
  font-style: italic;
  font-weight: 700;
}
.viewOrders .orderTable .viewFullOrder a.moreShipments,
.viewOrders .orderTable .viewFullOrder button.moreShipments {
  font-weight: 400;
}
.viewOrders .orderTable .viewFullOrder a.moreShipments i.fa-box,
.viewOrders .orderTable .viewFullOrder button.moreShipments i.fa-box {
  padding-right: 0.5rem;
}
.viewOrders .orderTable .viewFullOrder a:hover, .viewOrders .orderTable .viewFullOrder a:focus,
.viewOrders .orderTable .viewFullOrder button:hover,
.viewOrders .orderTable .viewFullOrder button:focus {
  border-color: #067e7c;
}
.viewOrders .viewOrdNavigationFooter {
  margin: 0rem 0 4rem 0;
}/*# sourceMappingURL=SHI-Specific-BS5.css.map */