/****** Primary Colors ******/
/****** Secondary Colors ******/
.footerMain {
  background-color: #004e7d;
  margin-top: 32px;
  position: relative;
}
.footerMain a {
  color: #ffffff;
}
.footerMain li {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 300;
}
.footerMain .MuiSvgIcon-root {
  margin-right: 8px;
}

.footerLinks {
  display: none;
}
@media (min-width: 768px) {
  .footerLinks {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: start;
    flex-grow: 1;
    padding: 0 2.5% 0;
  }
  .footerLinks .footerItems {
    color: #ffffff;
    font-size: 14px;
    width: 17%;
    padding-bottom: 30px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
  }
  .footerLinks .footerItems:nth-child(4) {
    width: 25%;
  }
  .footerLinks .footerItems .contact {
    margin-top: 16px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    font-weight: 300;
  }
  .footerLinks .footerItems .contact .icon {
    padding-right: 13px;
    font-size: 26px;
    font-weight: 300 !important;
  }
  .footerLinks .footerItems h3 {
    font-size: 16px;
    margin-bottom: 0;
    color: #ffffff;
  }
}

.subFooter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2.8% 2.5%;
  padding-bottom: 5px;
  max-width: 1440px;
  margin: 0 auto;
}
.subFooter .messageShow {
  margin: 0px;
}
.subFooter .messageShow .subscriptionStatus_icon {
  margin: 0px;
}
.subFooter .messageShow .subscriptionStatus_icon i.fa-regular.fa-circle-check {
  font-size: 22px;
  color: #71b946;
  display: inline-flex;
  vertical-align: bottom;
}
.subFooter .messageShow .subscriptionStatus_icon .subscriptionStatus_success {
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
.subFooter .messageShow .subscriptionStatus_icon .subscriptionStatus_success_2 {
  display: block;
  margin-left: 28px;
  font-size: 16px;
}
.subFooter .socialIcons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 12px;
  width: 100%;
}
.subFooter .socialIcons .MuiTypography-colorPrimary {
  color: #212934;
  font-size: 18px;
  margin-right: 20px;
}
.subFooter .socialIcons .MuiSvgIcon-root {
  margin: 16px;
  color: #39404a;
}
.subFooter .successMessage {
  display: flex;
}
.subFooter .successMessage .signupText {
  padding-left: 6px;
}
.subFooter .successMessage .signupText p {
  padding-top: 10px;
}
.subFooter .successMessage .MuiSvgIcon-root {
  fill: #008000;
}
.subFooter .subscriptionWrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.subFooter .subscriptionWrapper .deals {
  width: 100%;
  text-align: left;
  padding-bottom: 15px;
  font-size: 14px;
  padding-right: 20px;
}
.subFooter .subscriptionWrapper .borderError .MuiInputBase-input {
  border: 2px solid #d41e3d;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.subFooter .subscriptionWrapper .emailError {
  color: #d41e3d;
  font-size: 13px;
  font-weight: 600;
}
.subFooter .subscriptionWrapper .display {
  display: block;
}
.subFooter .subscriptionWrapper .searchWrapper {
  width: 100%;
}
.subFooter .subscriptionWrapper .searchWrapper .btnColor.MuiButton-root {
  padding: 13px 6px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  height: 50px !important;
  margin-left: -4px;
  display: block;
  width: 53px;
}
.subFooter .subscriptionWrapper .searchWrapper .MuiOutlinedInput-input {
  padding: 14px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #BCBEC0;
  border-right: 0;
  border-radius: 4px;
}
.subFooter .subscriptionWrapper .searchWrapper .MuiInputBase-root {
  border: 0;
}
.subFooter .subscriptionWrapper .searchWrapper .MuiOutlinedInput-adornedEnd {
  padding-right: 0;
}
.subFooter .subscriptionWrapper .searchWrapper .MuiFormControl-root {
  width: 100%;
  margin: 0;
}
@media (min-width: 768px) {
  .subFooter {
    flex-direction: row;
    padding: 1.8% 2.5%;
  }
  .subFooter .messageShow {
    margin: 0px;
  }
  .subFooter .messageShow .subscriptionStatus_icon {
    margin: 0px;
  }
  .subFooter .messageShow .subscriptionStatus_icon i.fa-regular.fa-circle-check {
    font-size: 24px;
    color: #71b946;
  }
  .subFooter .messageShow .subscriptionStatus_icon .subscriptionStatus_success {
    color: #000;
    font-size: 18px;
    font-weight: 600;
  }
  .subFooter .messageShow .subscriptionStatus_icon .subscriptionStatus_success_2 {
    display: block;
    margin-left: 28px;
  }
  .subFooter .successMessage {
    width: 80%;
  }
  .subFooter .socialIcons {
    justify-content: end;
    width: 24%;
    padding-top: 0;
  }
  .subFooter .socialIcons .MuiLink-underlineHover {
    padding-left: 10%;
    margin-right: 0;
  }
  .subFooter .subscriptionWrapper {
    width: 74%;
    flex-direction: row;
  }
  .subFooter .subscriptionWrapper .deals {
    width: 46%;
    text-align: left;
    font-size: 18px;
    padding-bottom: 0;
  }
  .subFooter .subscriptionWrapper .searchWrapper {
    width: 51%;
  }
}

.copyrightWrapper {
  background: #212934;
}
.copyrightWrapper .MuiOutlinedInput-root {
  border-color: #979797;
}

.copyright {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #ffffff;
  align-items: center;
  background: #212934;
  padding: 16px;
  max-width: 1440px;
  margin: 0 auto;
}
.copyright img {
  order: 1;
}
.copyright section {
  font-size: 12px;
  order: 3;
  padding-top: 15px;
}
.copyright .languages {
  order: 2;
}
.copyright .copyrightText {
  font-size: 10px;
}
@media (min-width: 768px) {
  .copyright {
    padding: 1% 2.5%;
  }
  .copyright section {
    padding-top: 0;
    order: 2;
    max-width: calc(100vw - 550px);
  }
  .copyright .languages {
    order: 3;
    padding: 0 48px 0 0;
  }
}

.footerBanner {
  background: #eaf5ff;
  display: flex;
  align-items: center;
  margin: 0;
  flex-direction: column;
  padding-top: 2%;
}
.footerBanner .bannerName {
  background: #eaf5ff;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footerBanner .brandHeading {
  font-size: 18px;
  font-weight: 500;
  color: #212934;
}
@media (min-width: 768px) {
  .footerBanner {
    padding: 0;
    justify-content: space-evenly;
    flex-direction: row;
  }
  .footerBanner .bannerName {
    display: flex;
    align-items: center;
  }
}

.footerTermsLinks {
  display: block;
  /* align-items: center; */
  margin: 0 auto;
  /* flex-shrink: 0; */
  flex: 1 1 100%;
  order: 4;
  text-align: center;
  font-size: 12px;
}
.footerTermsLinks a, .footerTermsLinks a:hover {
  color: #ffffff;
}

#br-autosuggest-brands, #br-autosuggest-products {
  display: none;
}

.br-autosuggest {
  position: absolute;
  right: 0;
  z-index: 89999999;
  margin-top: 3px;
  font-size: 13px;
  display: none;
  width: 100%;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 12px -6px rgba(160, 160, 160, 0.5);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .br-autosuggest {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .br-autosuggest {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .br-autosuggest {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .br-autosuggest {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .br-autosuggest {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  .br-autosuggest {
    width: 90%;
  }
}
.br-autosuggest.is-visible {
  display: flex;
}
.br-autosuggest-recent {
  width: 100%;
}
.br-autosuggest-recent li {
  font-weight: bold;
  padding-left: 10px !important;
}
.br-autosuggest li {
  padding: 4px 0;
  padding-left: 5%;
}
.br-autosuggest li.br-autosuggest-header {
  font-size: 12px;
  color: #424C5B;
  padding: 12px 0 9px 5%;
  pointer-events: none;
  text-align: left;
  font-weight: 300;
  background: #F0F0F0;
}
@media (min-width: 768px) {
  .br-autosuggest li.br-autosuggest-header {
    padding: 12px 0 1px 5%;
    background: #fff;
  }
}
.br-autosuggest-grp {
  position: relative;
}
.br-autosuggest-grp::after {
  background: #d8d8d8;
  height: 1px;
  content: "";
  position: absolute;
  width: 90%;
  left: 5%;
}
.br-autosuggest-grp li:hover {
  background: #F5F8FA;
  cursor: pointer;
}
.br-autosuggest-products-info {
  padding-left: 25px;
}
.br-autosuggest-left {
  width: 100%;
  border-right: 1px solid #d8d8d8;
}
@media (min-width: 768px) {
  .br-autosuggest-left {
    width: 35%;
  }
}
.br-autosuggest-recommend {
  display: none;
}
.br-autosuggest-recommend img {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 768px) {
  .br-autosuggest-recommend {
    width: 65%;
    display: block;
  }
}
.br-autosuggest-selected {
  background: #eee;
}
.br-autosuggest-products-hdr {
  font-size: 16px;
  color: #424C5B;
  font-weight: 300;
  padding-top: 12px;
  padding-left: 14px;
  padding-bottom: 10px;
  text-align: left;
}
.br-autosuggest-products-hdr strong {
  color: #212934;
}
.br-autosuggest-products-grp, .br-autosuggest-items-grp {
  display: flex;
  padding: 15px 14px;
  position: relative;
  align-items: center;
}
.br-autosuggest figure {
  margin: 0;
}
.br-autosuggest-items-grp {
  flex-wrap: wrap;
}
.br-autosuggest-items-grp figure, .br-autosuggest-items-grp figure a {
  width: 80px;
  height: 80px;
}
.br-autosuggest-category:last-child {
  padding-bottom: 10px;
}
.br-autosuggest-keyword {
  border: 1px solid #bcbec0;
}
@media (min-width: 768px) {
  .br-autosuggest-keyword {
    border: none;
  }
}
.br-autosuggest-keyword:last-child {
  padding-bottom: 10px;
}
.br-autosuggest-keyword .keyword_bold {
  font-weight: 600;
}
.br-autosuggest-textsection {
  padding-left: 25px;
}
.br-autosuggest-products-grp:last-child {
  padding-bottom: 25px;
}
.br-autosuggest-products-grp:hover {
  background: #f5f8fa;
  cursor: pointer;
}
.br-autosuggest-products-grp:hover::after {
  background: #fff;
}
.br-autosuggest-products-grp::after {
  background: #dedede;
  height: 1px;
  content: "";
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: -1px;
}
.br-autosuggest-products-grp:last-child::after {
  display: none;
}
.br-autosuggest-products-grp figure, .br-autosuggest-products-grp figure a {
  width: 60px;
  height: 60px;
}
.br-autosuggest-products-info a {
  font-weight: bold;
}
.br-autosuggest-products-info h4 {
  font-size: 14px;
  line-height: 18px;
  color: #212934;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 0;
}
.br-autosuggest-image {
  width: 42px;
  height: 68px;
}
.br-autosuggest-itemno {
  color: #646D7B;
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 2px;
}
.br-autosuggest-itemno strong {
  font-weight: 600;
}
.br-autosuggest .keyword-exactfind {
  font-size: 16px;
}
.br-autosuggest .keyword-exactfind-price {
  font-size: 22px;
}
.br-autosuggest-price {
  font-size: 15px;
}
.br-autosuggest a {
  display: block;
  text-align: left;
  align-items: center;
}
.br-autosuggest .items-cont {
  width: calc(100% - 80px);
}
.br-autosuggest .items-grp {
  font-size: 14px;
  letter-spacing: 1px;
  width: 100%;
}
.br-autosuggest .items-price {
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold;
}
.br-autosuggest-close {
  display: none;
}

#br-autosuggest .br-add-cart {
  width: 100%;
  background: green;
  color: #fff;
  height: 40px;
  margin-top: 15px;
}
#br-autosuggest .recent, #br-autosuggest .link {
  padding: 6px 0;
  padding-left: 14px;
}
#br-autosuggest .recent {
  color: #424C5B;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
}

.orderProgressTracker .orderTitle {
  background: #004e7d;
  color: #fff;
  padding: 12px 16px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.orderProgressTracker .orderTitle span {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle span {
    display: block;
  }
}
.orderProgressTracker .orderTitle .orderNumber {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
@media (max-width: 767.98px) {
  .orderProgressTracker .orderTitle .orderNumber {
    font-size: 16px;
  }
}
.orderProgressTracker .orderTitle .orderNumber a.orderDetailslink {
  color: #fff;
}
.orderProgressTracker .orderTitle .orderNumber span {
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .orderProgressTracker .orderTitle .orderNumber span {
    font-size: 16px;
  }
}
.orderProgressTracker .orderTitle .MuiCardHeader-action {
  margin: 0;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiCardHeader-action {
    flex: auto 1;
  }
}
.orderProgressTracker .orderTitle .MuiTypography-caption {
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: normal;
  font-weight: 300;
}
.orderProgressTracker .orderTitle .MuiTypography-caption:nth-child(2) {
  margin: 0 10px;
  width: 1px;
  background: #fff;
  display: block;
  height: 24px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiTypography-caption span {
    display: block;
  }
  .orderProgressTracker .orderTitle .MuiTypography-caption:nth-child(2) {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .orderProgressTracker .orderTitle .MuiCardHeader-content {
    flex: 0 1 auto;
    width: 35%;
  }
  .orderProgressTracker .orderTitle .flexDisplay {
    justify-content: space-between;
  }
}
.orderProgressTracker .orderProgress {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
}
.orderProgressTracker .cancelledOrder .orderTitle {
  background: #424c5b;
  color: #fff;
}
.orderProgressTracker .cancelledOrder .cancelHelp {
  font-size: 14px;
  color: #4A4A4A;
  border-top: 1px solid #DADADA;
  font-weight: 300;
  margin: 16px -16px -10px;
  padding: 16px 16px 0;
  line-height: 1.5;
}
.orderProgressTracker .cancelledOrder .cancelHelp span {
  font-weight: 600;
  line-height: 1.5;
}

.orderProgressTracker.cancelled .orderTitle {
  background: #424c5b;
  color: #fff;
}

.orderProgressTrackerClass .newShopButton {
  background: #fff;
  padding: 16px;
  box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
  border-radius: 5px;
  margin-bottom: 15px;
}
.orderProgressTrackerClass .newShopButton .cardDescription {
  margin-bottom: 16px;
}
.orderProgressTrackerClass .newShopButton .buttonLogin:hover {
  background: #d41e3d;
}
.orderProgressTrackerClass .MuiPaper-root {
  background: transparent;
}
.orderProgressTrackerClass .headerClass, .orderProgressTrackerClass .headerTitle {
  padding: 40px 0 10px;
  border-bottom: 0 !important;
  /*@include for-phone-only{
  	padding: 40px 16px 10px;
  }*/
}
.orderProgressTrackerClass .headerClass .MuiCardHeader-action, .orderProgressTrackerClass .headerTitle .MuiCardHeader-action {
  margin: 0;
  align-self: flex-end;
}
@media (max-width: 767.98px) {
  .orderProgressTrackerClass .headerClass .MuiCardHeader-action, .orderProgressTrackerClass .headerTitle .MuiCardHeader-action {
    align-self: center;
  }
}
.orderProgressTrackerClass .headerClass .flexDisplay p.MuiTypography-caption:nth-child(2), .orderProgressTrackerClass .headerTitle .flexDisplay p.MuiTypography-caption:nth-child(2) {
  margin: 0 10px;
  width: 1px;
  background: #000;
  display: block;
  height: 20px;
}
.orderProgressTrackerClass .headerClass .viewOrderHistory, .orderProgressTrackerClass .headerTitle .viewOrderHistory {
  font-size: 16px;
  font-weight: 500;
  color: #004e7d;
  letter-spacing: normal;
  margin-bottom: -5px;
}
.orderProgressTrackerClass .headerClass .MuiTypography-h5, .orderProgressTrackerClass .headerTitle .MuiTypography-h5 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.orderProgressTrackerClass .MuiPaper-rounded {
  box-shadow: none;
  overflow: visible;
}
.orderProgressTrackerClass .stepperBoxClass {
  padding: 0;
}
.orderProgressTrackerClass .orderProgressTracker {
  margin-bottom: 25px;
  background: #ffffff;
}
.orderProgressTrackerClass .stepper .MuiStepConnector-line {
  display: block;
  border-color: #C9C9C9;
  height: 3px;
  border-top-style: solid;
}
@media (max-width: 767.98px) {
  .orderProgressTrackerClass .MuiCardHeader-root.orderTitle {
    padding: 16px 12px;
  }
  .orderProgressTrackerClass .MuiCardHeader-root.orderTitle .MuiCardHeader-action {
    margin-top: 0px;
  }
}

.cardContent {
  padding: 12px 16px;
  background: #fff;
  height: 100%;
}
.cardContent .cardDescription {
  color: #000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

.newShopButton {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  gap: 1rem;
}
.newShopButton button {
  padding: 10px 30px;
  background-color: #d41e3d;
  color: #fff;
  border-radius: 5px;
  border: 0;
  font-size: 14px;
  font-weight: 400;
}

.flexDisplay p {
  font-size: 16px;
}

.orderProgress {
  border: 1px solid #efefef;
}
.orderProgress:firstchild {
  border-top: 0;
}
.orderProgress .MuiTypography-caption {
  font-size: 16px;
  font-weight: 300;
}
.orderProgress .MuiTypography-caption:first-child {
  flex: 1 1 auto;
  letter-spacing: normal;
}
.orderProgress .MuiTypography-caption:first-child span {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption:first-child span {
    display: block;
  }
}
.orderProgress .MuiTypography-caption.itemQty {
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption.itemQty {
    display: flex;
  }
}
.orderProgress .MuiTypography-caption.itemQty span {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .orderProgress .MuiTypography-caption.itemQty span {
    display: block;
  }
}
.orderProgress .MuiPaper-root.MuiStepper-root {
  background: transparent;
  width: 100%;
  margin: 0;
  padding: 20px 0 10px;
  overflow-wrap: anywhere;
}
.orderProgress .stepper .MuiStepLabel-label {
  color: #ccc !important;
  text-transform: capitalize;
  font-weight: normal;
}
.orderProgress .stepper .MuiStepLabel-label.MuiStepLabel-completed {
  color: #333 !important;
}
.orderProgress .MuiStepConnector-lineHorizontal {
  border-top: 3px solid #c9c9c9;
}
.orderProgress .MuiStepConnector-horizontal {
  left: calc(-50% + 12px);
  right: calc(50% + 12px);
}
.orderProgress .MuiStepConnector-completed .MuiStepConnector-lineHorizontal {
  border-color: #4e832e;
}
.orderProgress .MuiStepConnector-cancelled .MuiStepConnector-lineHorizontal {
  border-color: #F4A681;
}
.orderProgress .MuiSvgIcon-root {
  border: 4px solid #c9c9c9;
  border-radius: 50%;
  fill: none;
}
.orderProgress .MuiSvgIcon-root.MuiStepIcon-completed {
  color: #4e832e;
  fill: currentColor;
  border: 0;
}
.orderProgress .MuiSvgIcon-root.MuiStepIcon-cancelled {
  color: #E25411;
  fill: currentColor;
  border-top: 3px solid #F4A681;
}

.accountPage {
  background: #fafafa;
}

.trackOrder {
  position: relative;
}
.trackOrder .trackOrderPopup.accountPopup > div::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent #ffffff transparent;
  top: -28px;
  left: calc(50% - 1px);
  z-index: 2;
}
.trackOrder .trackOrderPopup.accountPopup > div::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 14px;
  border-bottom-color: #c1c3c5;
  top: -28px;
  left: 50%;
  z-index: 0;
}

.trackOrderPopup.accountPopup {
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -182px;
  background: #fff;
  width: 364px;
  border-radius: 3px;
  z-index: 11;
}
.trackOrderPopup.accountPopup > div {
  border: 1px solid #e1e1e1;
  padding: 20px;
  text-align: center;
}
.trackOrderPopup.accountPopup .MuiTypography-caption {
  font-size: 0.85rem;
}
.trackOrderPopup.accountPopup .headerClass {
  padding: 16px;
  background: #fff;
}
.trackOrderPopup.accountPopup .headerClass .MuiTypography-caption {
  font-size: 0.9rem;
  font-weight: 400;
}
.trackOrderPopup.accountPopup .orderTitle {
  background: #f5f8fa;
  color: #333;
  align-items: flex-start;
}
.trackOrderPopup.accountPopup .orderTitle span {
  font-size: 14px;
  font-weight: 600;
  color: #004e7d;
  text-align: right;
}
.trackOrderPopup.accountPopup .orderTitle .MuiCardHeader-action {
  margin: 0;
}
.trackOrderPopup.accountPopup .orderTitle .MuiCardHeader-action span {
  display: block;
  color: #212934;
  font-size: 16px;
}
.trackOrderPopup.accountPopup .orderProgress {
  background: #f5f8fa;
  margin-bottom: 4px;
  border: 0;
  padding: 0 16px;
}
.trackOrderPopup.accountPopup .orderProgress .MuiSvgIcon-root {
  width: 0.75em;
  height: 0.75em;
}
.trackOrderPopup.accountPopup .orderProgress .stepper .MuiStepLabel-label {
  font-size: 0.75rem;
}
.trackOrderPopup.accountPopup .orderProgress .MuiStepConnector-horizontal {
  left: calc(-50% + 9px);
  right: calc(50% + 9px);
  top: 8px;
}
.trackOrderPopup.accountPopup .MuiStepLabel-root {
  flex-direction: column;
}

.creatNewList .trackclose {
  justify-content: center;
  position: relative;
  /* @include for-phone-only {
  	justify-content: end;
  } */
}
.creatNewList .trackclose h2 {
  font-weight: 500;
  color: #004e7d;
}
.creatNewList .trackclose .modalClose {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 10px 20px;
  font-size: 24px;
  color: #6a7681;
}
@media (max-width: 767.98px) {
  .creatNewList .trackclose .modalClose {
    font-size: 20px;
  }
}
.creatNewList .trackOrderForm {
  width: 450px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .creatNewList .trackOrderForm {
    width: 100%;
  }
}
.creatNewList .trackOrderForm .fullStretch {
  margin-bottom: 30px;
}
.creatNewList .trackOrderForm .errorMsg {
  margin-bottom: 10px;
  display: inline-block;
}
.creatNewList .trackOrderForm .textReq {
  color: #d41e3d;
  margin-bottom: 16px;
}
.creatNewList .trackOrderForm button span .MuiButton-label {
  font-size: 20px;
  font-weight: 500;
}

.tooltipBox {
  border-right: 2px solid #004e7d;
  margin-right: 16px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .tooltipBox {
    border: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #004e7d;
    padding-bottom: 16px;
  }
}
.tooltipBox.auto-reorder-toolTip {
  padding: 5px !important;
  border: 0;
}
.tooltipBox.auto-reorder-toolTip .tooltip {
  margin-left: -240px;
  width: 480px;
  padding: 20px 35px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
}
.tooltipBox.auto-reorder-toolTip .tooltip::before {
  top: -8px;
}
.tooltipBox.auto-reorder-toolTip .tooltip span {
  margin-bottom: 16px;
  display: block;
}
.tooltipBox.auto-reorder-toolTip .tooltip li {
  list-style: disc;
  margin: 5px 20px 5px 40px;
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection {
  position: absolute;
  right: -38px;
  left: auto;
  top: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  padding: 5px 5px 15px !important;
}
@media (max-width: 767.98px) {
  .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection {
    right: -28px;
  }
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip {
  right: 0;
  top: 40px;
  text-align: left;
  left: unset;
  z-index: 13;
}
.tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip::before {
  right: 3px;
  left: unset;
}
@media (max-width: 767.98px) {
  .tooltipBox.auto-reorder-toolTip.pdpPriceviewSection .tooltip {
    min-width: 290px;
    width: auto;
    z-index: 10;
    padding: 20px;
  }
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow .tooltip {
  padding: 10px;
  width: auto;
  min-width: 320px;
  right: -40px;
  left: unset;
}
.tooltipBox.auto-reorder-toolTip.pdpSectionModalWindow .tooltip::before {
  display: none;
}
.tooltipBox:last-child {
  border: 0;
}
.tooltipBox:last-child.cartMode {
  margin-bottom: 0;
}
.tooltipBox .MuiTypography-caption {
  color: #004e7d;
  line-height: 16px !important;
  font-size: 18px !important;
}
.tooltipBox .tooltip {
  display: none;
  background: #002e50 !important;
  color: #ffffff !important;
  padding: 10px;
  width: 215px;
  left: 50%;
  margin-left: -107px;
  position: absolute;
  top: 35px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px !important;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .tooltipBox .tooltip {
    width: 177px;
  }
}
.tooltipBox .tooltip::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 15px 11.5px;
  border-color: transparent transparent #002e50 transparent;
  top: -15px;
  left: 50%;
  margin-left: -12px;
  z-index: 2;
}
.tooltipBox .tooltip-horizontal {
  display: none;
  background: #002e50 !important;
  color: #ffffff !important;
  padding: 10px;
  width: 205px;
  left: 36px;
  position: absolute;
  top: -10px;
  line-height: 1.3;
  font-weight: 400;
  font-size: 14px !important;
  z-index: 2;
}
.tooltipBox .tooltip-horizontal::before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-width: 15px 11.5px 11.5px;
  border-color: transparent #002e50 transparent transparent;
  top: 5px;
  left: -22px;
}
.tooltipBox:hover .tooltip {
  display: block;
}
.tooltipBox:hover .tooltip-horizontal {
  display: block;
}

.account:hover .sharePopup, .account .sharePopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 226px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 23px 0 rgba(89, 108, 119, 0.15), 0 2px 15px 0 rgba(89, 108, 119, 0.15), 0 1px 5px 0 rgba(89, 108, 119, 0.15);
  position: absolute;
  z-index: 12;
  right: 0px;
  top: 30px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .account:hover .sharePopup, .account .sharePopup {
    top: 38px;
  }
}
@media (max-width: 767.98px) {
  .account:hover .sharePopup, .account .sharePopup {
    top: 38px;
  }
}
.account:hover .sharePopup::before, .account:hover .sharePopup::after, .account .sharePopup::before, .account .sharePopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  right: 9px;
}
.account:hover .sharePopup::before, .account .sharePopup::before {
  top: -9px;
  border-bottom: solid 6px #DADADA;
}
.account:hover .sharePopup::after, .account .sharePopup::after {
  top: -8px;
  border-bottom: solid 8px #fff;
}

@media (min-width: 768px) {
  .sharePopup {
    width: 674px;
  }
}
.sharePopup .flexDisplay:not(:first-of-type) {
  margin-top: 16px;
}

.copied {
  color: #71B946;
}

.shareModalPopup {
  max-height: 100vh;
}
.shareModalPopup .MuiPaper-elevation1 {
  box-shadow: none;
}
.shareModalPopup * {
  box-sizing: border-box;
}
.shareModalPopup h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  color: #212934;
  margin: 30px 35px 10px 35px;
}
.shareModalPopup .shareHead {
  padding: 35px 35px 15px;
  box-shadow: none;
}
.shareModalPopup section, .shareModalPopup .searchWrapper {
  margin: 20px 35px;
}
.shareModalPopup .shareTitleBar {
  position: relative;
}
.shareModalPopup .modalClose {
  position: absolute;
  right: 35px;
  font-size: 20px;
  color: #6a7681;
}
.shareModalPopup .flexDisplay {
  margin: 10px 35px;
  justify-content: center;
  border-bottom: 1px solid #BCBEC0;
  padding: 0 0 10px;
}
.shareModalPopup .MuiFormControl-marginNormal {
  margin: 0;
  width: 100%;
}
.shareModalPopup .MuiOutlinedInput-adornedEnd {
  padding: 0;
}
.shareModalPopup .MuiGrid-spacing-xs-1 {
  margin: 0;
  width: 100%;
}
.shareModalPopup .MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 0;
  align-self: center;
}
.shareModalPopup .MuiOutlinedInput-input {
  padding: 12px 14px;
  height: 48px;
  box-sizing: border-box;
}
.shareModalPopup .MuiTypography-h4 {
  color: #212934;
  font-size: 16px;
  font-weight: 500;
  line-height: 17px;
}
.shareModalPopup .MuiTypography-subtitle1 {
  color: #424C5B;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}
.shareModalPopup .MuiButton-root {
  color: #004E7D;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.shareModalPopup .MuiButton-root:hover {
  background-color: none;
}
.shareModalPopup .stickToBottom {
  margin: 35px;
  display: flex;
}
.shareModalPopup .stickToBottom .MuiButton-root {
  width: 214px;
  margin: auto;
}
.shareModalPopup .noResultFound {
  margin: 114px 35px 164px;
}
.shareModalPopup .info {
  color: #212934;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  display: block;
  width: 65%;
  margin: auto;
}
.shareModalPopup .infoCaption {
  color: #424C5B;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  display: block;
  margin-top: 6px;
}

.inlineFlexWrapper {
  padding-bottom: 16px;
  padding-left: 16px;
}

.searchIcon {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.fas.fa-search-minus {
  font-size: 50px;
  font-weight: 300;
  color: rgba(0, 78, 125, 0.5);
}

.modalContainer {
  overflow-y: auto;
  outline: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .modalContainer {
    width: 595px;
  }
}
.modalContainer .alertInline {
  width: 100%;
}
.modalContainer .modalClose {
  color: #6a7681;
  height: 24px;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.modalContainer .back {
  display: flex;
}
.modalContainer .formActions {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 16px 24px;
  background: #ffffff;
  box-shadow: 0 -2px 13px 0 rgba(201, 201, 201, 0.5);
}
@media (min-width: 768px) {
  .modalContainer .back {
    display: none;
  }
  .modalContainer .formActions {
    left: auto;
    right: 0;
    padding-left: 32px;
    padding-right: 48px;
    width: 500px;
    height: 84px;
  }
}
.modalContainer .formTitle {
  color: #212934;
  padding-top: 10px;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
.modalContainer .closeIcon {
  display: none;
}
@media (min-width: 768px) {
  .modalContainer .closeIcon {
    display: block;
    position: absolute;
    right: 36px;
    top: 40px;
    cursor: pointer;
  }
}

.rightAlignedModal {
  right: 0;
  height: 100vh;
  top: 0;
  transform: none;
  left: initial;
}

@media (max-width: 767.98px) {
  .modalContainer {
    overflow-y: auto;
    top: 0;
    left: 0;
    transform: revert;
    bottom: 0;
  }
}
@media screen and (max-height: 1080px) {
  .modalContainer {
    height: 100%;
  }
}
.modalContainer .productImage {
  box-sizing: border-box;
  height: auto;
  width: 157px;
  border: 1px solid #BCBEC0;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 7px 12px;
}
@media (max-width: 767.98px) {
  .modalContainer .productImage {
    height: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .productImage {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .productImage {
    width: 100%;
  }
}
.modalContainer .customScrollbar, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div {
  max-height: calc(100vh - 60px);
  overflow: auto;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div {
    overflow: initial;
    height: auto;
    margin-bottom: 0;
    max-height: inherit;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .modalContainer .customScrollbar > div, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div > div {
    width: 100%;
  }
  .modalContainer .customScrollbar > div:first-of-type, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div > div:first-of-type, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div > div:first-of-type {
    order: 1;
  }
  .modalContainer .customScrollbar .addWarrantyPlans, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans {
    order: 2;
  }
  .modalContainer .customScrollbar .addWarrantyPlans:empty, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans:empty, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans:empty {
    display: none;
  }
  .modalContainer .customScrollbar .minicartSummary, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .minicartSummary, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .minicartSummary {
    order: 3;
  }
  .modalContainer .customScrollbar .recommendedItems, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .recommendedItems, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .recommendedItems {
    order: 4;
  }
  .modalContainer .customScrollbar .recommendedItems .rec-carousel-wrapper, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .recommendedItems .rec-carousel-wrapper, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .recommendedItems .rec-carousel-wrapper {
    position: relative;
  }
}
.modalContainer .customScrollbar .flexWrapper.alertMessage, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .flexWrapper.alertMessage, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .flexWrapper.alertMessage, .modalContainer .customScrollbar .alertMessage.alignTop, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.alignTop, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.alignTop, .modalContainer .customScrollbar .alertMessage.flexEnd, .modalContainer .customScrollbar .quickOrderForm .alertMessage.addMoreItemsLink, .quickOrderForm .modalContainer .customScrollbar .alertMessage.addMoreItemsLink, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.flexEnd, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.addMoreItemsLink, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.flexEnd, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.addMoreItemsLink, .modalContainer .customScrollbar .alertMessage.spaceBetween, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.spaceBetween, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.spaceBetween, .modalContainer .customScrollbar .alertMessage.alignHCenter, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.alignHCenter, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.alignHCenter, .modalContainer .customScrollbar .alertMessage.alignVCenter, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.alignVCenter, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.alignVCenter, .modalContainer .customScrollbar .alertMessage.formActions, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.formActions, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.formActions, .modalContainer .customScrollbar .alertMessage.alertInline, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.alertInline, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.alertInline, .modalContainer .customScrollbar .alertMessage.alignCenter, .modalContainer .customScrollbar .quickOrderForm .alertMessage.uploadDocsLink, .quickOrderForm .modalContainer .customScrollbar .alertMessage.uploadDocsLink, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.alignCenter, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.uploadDocsLink, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.alignCenter, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.uploadDocsLink, .modalContainer .customScrollbar .quickOrderForm .alertMessage.itemRow, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .quickOrderForm .alertMessage.itemRow, .quickOrderForm .modalContainer .customScrollbar .alertMessage.itemRow, .quickOrderForm .modalContainer .itemRow .autocompleteBox > div .alertMessage.itemRow, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.itemRow, .modalContainer .customScrollbar .alertMessage.horizontalFlex, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.horizontalFlex, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.horizontalFlex, .modalContainer .customScrollbar .alertMessage.verticalFlex, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.verticalFlex, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.verticalFlex, .modalContainer .customScrollbar .quickOrderForm .itemRow .alertMessage.inputArrows, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .quickOrderForm .itemRow .alertMessage.inputArrows, .quickOrderForm .itemRow .modalContainer .customScrollbar .alertMessage.inputArrows, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.inputArrows, .modalContainer .customScrollbar .alertMessage.verticalSpaceBetween, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .alertMessage.verticalSpaceBetween, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .alertMessage.verticalSpaceBetween {
  display: inline-flex;
}
.modalContainer .customScrollbar .modal-maxquantity-message, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .modal-maxquantity-message, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .modal-maxquantity-message {
  color: #D0021B;
  font-weight: 300;
}
.modalContainer .minicartItems {
  display: flex;
  padding: 41px 28px 33px 24px;
  border-bottom: 1px solid #BCBEC0;
  background: #ffffff;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartItems {
    padding: 15px 16px 20px;
  }
  .modalContainer .minicartItems .frequencyBox {
    padding: 0 16px;
  }
}
@media (min-width: 768px) {
  .modalContainer .minicartItems {
    border-bottom: 0;
    background: #f9f9f9;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartItems.customizable {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartItems.customizable {
    flex-wrap: wrap;
  }
}
.modalContainer .minicartItems .cartItemdetails strong {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.modalContainer .minicartItems p {
  color: #424c5b;
  font-size: 15px;
  /* line-height: 8px;
  padding-top: 15px; */
}
.modalContainer .minicartItems p span.est-delivery-date {
  color: #000;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartItems p {
    font-size: 14px;
    /* line-height: 20px;
    padding-top: 0px; */
  }
}
.modalContainer .minicartItems .removeButtonCustomizable {
  display: flex;
  justify-content: flex-end;
  padding: 0px;
}
.modalContainer .minicartItems .removeButtonCustomizable .link {
  color: #424c5b;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay {
  padding: 0 24px 16px;
  background: #f9f9f9;
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay .returnPolicy .icon {
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay {
    position: relative;
  }
}
.modalContainer span.prop65_returnpolicy_msg_minicart.flexDisplay .returnPolicy {
  padding-top: 16px;
  display: inline-block;
  color: #d41e3d;
  font-size: 14px;
  font-weight: 300;
}
.modalContainer .minicartDetails {
  padding-left: 16px;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartDetails.customizable {
    padding-left: 0px;
    padding-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartDetails.customizable {
    padding-top: 16px;
  }
}
.modalContainer .minicartDetails .frequencyBox .frequencyWrapper {
  padding: 32px 0 0 !important;
}
.modalContainer .minicartDetails .frequencyBox .tooltipBox {
  margin: 0px !important;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartDetails .frequencyBox .tooltipBox {
    margin-top: 30px;
  }
}
.modalContainer .minicartBg {
  background: #ffffff;
  padding: 0 24px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .modalContainer .minicartBg {
    background: #f9f9f9;
  }
}
@media (max-width: 767.98px) {
  .modalContainer .minicartBg {
    padding: 10px 16px 0;
  }
}
.modalContainer .cartCount {
  display: flex;
  justify-content: space-between;
  padding-right: 17px;
  align-items: baseline;
}
.modalContainer .cartCount h2 {
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
}
@media (max-width: 767.98px) {
  .modalContainer .cartCount h2 {
    font-size: 21px;
  }
}
.modalContainer .totalCart {
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .modalContainer .totalCart {
    display: flex;
  }
}
.modalContainer .totalCart i.fal.fa-shopping-cart {
  font-size: 24px;
}
.modalContainer .totalCart .cartTotal {
  position: absolute;
  top: -10px;
  font-size: 14px;
  height: 19px;
  width: 19px;
  background-color: #d41e3d;
  border-radius: 20px;
  color: #ffffff;
  text-align: center;
  left: 15px;
  line-height: 20px;
}
.modalContainer .totalCart .cartTotal strong {
  font-weight: 500;
}
.modalContainer .totalCart .cartPrice {
  color: #212934;
  font-family: Kanit;
  font-size: 16px;
  border: 1px solid #d41e3d;
  border-radius: 15px;
  background-color: #FBE9E9;
  padding: 0 7px;
  height: 22px;
  margin-left: 10px;
  position: relative;
  bottom: -2px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
}
.modalContainer .subTotal {
  display: flex;
  justify-content: space-between;
  font-size: 22px;
}
.modalContainer .checkoutTaxes {
  text-align: right;
  padding-bottom: 17px;
  color: #424c5b;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.modalContainer .minicartSummary {
  padding: 24px 35px 12px 31px;
}
@media (max-width: 767.98px) {
  .modalContainer .minicartSummary {
    padding-bottom: 0px;
    padding: 24px 16px 0px;
  }
}
.modalContainer .minicartSummary .flexWrapper, .modalContainer .minicartSummary .alignTop, .modalContainer .minicartSummary .flexEnd, .modalContainer .minicartSummary .quickOrderForm .addMoreItemsLink, .quickOrderForm .modalContainer .minicartSummary .addMoreItemsLink, .modalContainer .minicartSummary .spaceBetween, .modalContainer .minicartSummary .alignHCenter, .modalContainer .minicartSummary .alignVCenter, .modalContainer .minicartSummary .formActions, .modalContainer .minicartSummary .alertInline, .modalContainer .minicartSummary .alignCenter, .modalContainer .minicartSummary .quickOrderForm .uploadDocsLink, .quickOrderForm .modalContainer .minicartSummary .uploadDocsLink, .modalContainer .minicartSummary .quickOrderForm .itemRow, .quickOrderForm .modalContainer .minicartSummary .itemRow, .modalContainer .minicartSummary .horizontalFlex, .modalContainer .minicartSummary .verticalFlex, .modalContainer .minicartSummary .quickOrderForm .itemRow .inputArrows, .quickOrderForm .itemRow .modalContainer .minicartSummary .inputArrows, .modalContainer .minicartSummary .verticalSpaceBetween {
  flex-direction: column;
}
@media (min-width: 768px) {
  .modalContainer .minicartSummary .flexWrapper, .modalContainer .minicartSummary .alignTop, .modalContainer .minicartSummary .flexEnd, .modalContainer .minicartSummary .quickOrderForm .addMoreItemsLink, .quickOrderForm .modalContainer .minicartSummary .addMoreItemsLink, .modalContainer .minicartSummary .spaceBetween, .modalContainer .minicartSummary .alignHCenter, .modalContainer .minicartSummary .alignVCenter, .modalContainer .minicartSummary .formActions, .modalContainer .minicartSummary .alertInline, .modalContainer .minicartSummary .alignCenter, .modalContainer .minicartSummary .quickOrderForm .uploadDocsLink, .quickOrderForm .modalContainer .minicartSummary .uploadDocsLink, .modalContainer .minicartSummary .quickOrderForm .itemRow, .quickOrderForm .modalContainer .minicartSummary .itemRow, .modalContainer .minicartSummary .horizontalFlex, .modalContainer .minicartSummary .verticalFlex, .modalContainer .minicartSummary .quickOrderForm .itemRow .inputArrows, .quickOrderForm .itemRow .modalContainer .minicartSummary .inputArrows, .modalContainer .minicartSummary .verticalSpaceBetween {
    flex-direction: row;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartSummary .flexWrapper, .modalContainer .minicartSummary .alignTop, .modalContainer .minicartSummary .flexEnd, .modalContainer .minicartSummary .quickOrderForm .addMoreItemsLink, .quickOrderForm .modalContainer .minicartSummary .addMoreItemsLink, .modalContainer .minicartSummary .spaceBetween, .modalContainer .minicartSummary .alignHCenter, .modalContainer .minicartSummary .alignVCenter, .modalContainer .minicartSummary .formActions, .modalContainer .minicartSummary .alertInline, .modalContainer .minicartSummary .alignCenter, .modalContainer .minicartSummary .quickOrderForm .uploadDocsLink, .quickOrderForm .modalContainer .minicartSummary .uploadDocsLink, .modalContainer .minicartSummary .quickOrderForm .itemRow, .quickOrderForm .modalContainer .minicartSummary .itemRow, .modalContainer .minicartSummary .horizontalFlex, .modalContainer .minicartSummary .verticalFlex, .modalContainer .minicartSummary .quickOrderForm .itemRow .inputArrows, .quickOrderForm .itemRow .modalContainer .minicartSummary .inputArrows, .modalContainer .minicartSummary .verticalSpaceBetween {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartSummary .flexWrapper, .modalContainer .minicartSummary .alignTop, .modalContainer .minicartSummary .flexEnd, .modalContainer .minicartSummary .quickOrderForm .addMoreItemsLink, .quickOrderForm .modalContainer .minicartSummary .addMoreItemsLink, .modalContainer .minicartSummary .spaceBetween, .modalContainer .minicartSummary .alignHCenter, .modalContainer .minicartSummary .alignVCenter, .modalContainer .minicartSummary .formActions, .modalContainer .minicartSummary .alertInline, .modalContainer .minicartSummary .alignCenter, .modalContainer .minicartSummary .quickOrderForm .uploadDocsLink, .quickOrderForm .modalContainer .minicartSummary .uploadDocsLink, .modalContainer .minicartSummary .quickOrderForm .itemRow, .quickOrderForm .modalContainer .minicartSummary .itemRow, .modalContainer .minicartSummary .horizontalFlex, .modalContainer .minicartSummary .verticalFlex, .modalContainer .minicartSummary .quickOrderForm .itemRow .inputArrows, .quickOrderForm .itemRow .modalContainer .minicartSummary .inputArrows, .modalContainer .minicartSummary .verticalSpaceBetween {
    flex-wrap: wrap;
  }
}
.modalContainer .minicartSummary .cartText {
  color: #212934;
  font-weight: 300;
  padding-bottom: 7px;
  font-size: 18px;
}
.modalContainer .minicartSummary .redFilledButton {
  margin-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modalContainer .minicartSummary .redFilledButton {
    margin-bottom: 15px;
  }
}
.modalContainer .recommendedTitle {
  font-size: 22px;
  font-weight: 500;
  color: #212934;
  padding-bottom: 6px;
  border-bottom: 1px solid #bcbec0;
}
.modalContainer .recommendedItems {
  padding: 0 35px 0 31px;
}
@media (max-width: 767.98px) {
  .modalContainer .recommendedItems {
    padding: 16px 16px 0;
  }
}
.modalContainer .recommendedItems .fixedHeight24 {
  min-height: 52px;
}
.modalContainer .recommendedItems .dv-star-rating {
  display: flex !important;
}
.modalContainer .recommendedItems .cartText {
  background: #f9f9f9;
  display: flex;
  padding: 7px;
  width: 197px;
  margin-top: 7px;
  border-radius: 4px;
  color: #4b515a;
  -webkit-animation: cssAnimation 5s forwards;
  animation: cssAnimation 5s forwards;
}
.modalContainer .recommendedItems .cartText .MuiSvgIcon-root {
  margin-right: 6px;
}
@keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modalContainer .recommendedItems .accountWishList .accountPopup {
  display: block;
  box-sizing: border-box;
  padding: 16px;
  width: 202px;
  border: 1px solid #DADADA;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 12;
  right: -10px;
  cursor: pointer;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::before, .modalContainer .recommendedItems .accountWishList .accountPopup::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  position: absolute;
  left: 175px;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::before {
  top: -8px;
  border-bottom: solid 6px #DADADA;
}
.modalContainer .recommendedItems .accountWishList .accountPopup::after {
  top: -7px;
  border-bottom: solid 8px #fff;
}
.modalContainer .recommendedItems .accountWishList .accountPopup .addList .MuiFormControl-marginNormal {
  width: 100%;
}
.modalContainer .customScrollbar, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div {
  padding-bottom: 20px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div {
    padding-bottom: 0px;
  }
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div {
    padding-bottom: 0px;
  }
}
.modalContainer .customScrollbar .warningMsg, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .warningMsg, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .warningMsg {
  background-color: #F6E5E7;
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  color: #424C5B;
  font-weight: 400;
  margin: 0 35px 0 31px;
  align-items: center;
  display: flex;
  border-radius: 4px;
}
.modalContainer .customScrollbar .warningMsg .far, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .warningMsg .far, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .warningMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #D0021B;
}
.modalContainer .customScrollbar .warningMsg span, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .warningMsg span, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .warningMsg span {
  font-weight: 500;
  margin: 0 4px;
}
.modalContainer .customScrollbar .successMsg, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .successMsg, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .successMsg {
  background-color: rgba(113, 185, 70, 0.12);
  padding: 12px 16px 11px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 35px 0 31px;
  align-items: center;
  display: flex;
  border-radius: 4px;
  color: #4b515a;
}
.modalContainer .customScrollbar .successMsg .far, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .successMsg .far, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .successMsg .far {
  font-size: 22px;
  align-self: center;
  margin-right: 12px;
  color: #4e832e;
}
.modalContainer .customScrollbar .successMsg span, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .successMsg span, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .successMsg span {
  font-weight: 500;
  margin: 0 4px;
}
.modalContainer .customScrollbar .addSuccessMessage, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addSuccessMessage, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addSuccessMessage {
  width: 100%;
  height: 40px;
  background-color: rgba(113, 185, 70, 0.12);
  margin-top: 14px;
  margin-bottom: 16px;
}
.modalContainer .customScrollbar .addSuccessMessage span, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addSuccessMessage span, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addSuccessMessage span {
  color: #4e832e;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 500;
  font-family: Kanit;
}
.modalContainer .customScrollbar .addWarrantyPlans, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans {
  margin: 24px;
  border-radius: 4px;
  background-color: #F5F8FA;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans {
    margin: 16px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass {
  background: none;
  box-shadow: none;
  padding: 24px 24px 0px 24px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass {
    padding: 24px 12px 0px 12px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass {
  color: #212934;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass span.warrantyperunit span.unitPriceClass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass span.warrantyperunit span.unitPriceClass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantyTitleclass span.warrantyperunit span.unitPriceClass {
  font-size: 14px;
  font-weight: 300;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass {
  color: #4A4A4A;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarrantyTitlebgClass .addWarrantySubTitleclass {
    margin-top: 10px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableVal, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableVal, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableVal {
  color: #424C5B;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 0px;
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableHead, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableHead {
  color: #424C5B;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  border-bottom: 0px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .tableHead, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableHead, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableHead {
    align-items: inherit;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead .includes-warrenty, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableHead .includes-warrenty, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableHead .includes-warrenty {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .tableHead .includes-warrenty, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableHead .includes-warrenty, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableHead .includes-warrenty {
    margin-right: 5px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .tableHead .warrenty-years, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .tableHead .warrenty-years, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .tableHead .warrenty-years {
  font-weight: 600;
}
.modalContainer .customScrollbar .addWarrantyPlans .addWarranty, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .addWarranty, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .addWarranty {
  color: #004E7D;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  border-bottom: 0px;
  width: 90px;
  cursor: pointer;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableCell-sizeSmall, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .MuiTableCell-sizeSmall, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .MuiTableCell-sizeSmall {
  padding: 6px 12px 8px 0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableCell-sizeSmall:last-of-type, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .MuiTableCell-sizeSmall:last-of-type, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .MuiTableCell-sizeSmall:last-of-type {
  text-align: right;
  width: 85px;
  padding: 6px 0 8px 0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 16px 24px 0 24px;
  border-bottom: 1px solid #BCBEC0;
}
.modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root:last-child, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root:last-child, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root:last-child {
  border-bottom: 0;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .MuiTableRow-root, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .MuiTableRow-root {
    align-items: flex-start;
    margin: 16px 12px 0 12px;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .decInsideOne, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .decInsideOne, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .decInsideOne {
  position: relative;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .decInsideOne, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .decInsideOne, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .decInsideOne {
    display: flex;
  }
}
.modalContainer .customScrollbar .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root {
  vertical-align: middle;
  fill: #71B946;
  margin-left: 6px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .addWarrantyPlans .decInsideOne svg.MuiSvgIcon-root {
    width: 18px;
    height: 18px;
  }
}
.modalContainer .customScrollbar .fa-info-circle, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .fa-info-circle, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .fa-info-circle {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
}
.modalContainer .customScrollbar .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
  width: 350px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .frequencyBox .frequencyWrapper .cartMode.auto-reorder-toolTip.tooltipBox .tooltip {
    width: 86vw;
  }
}
.modalContainer .displayTextOnCart {
  padding: 0 28px;
  margin: 16px 0;
}
.modalContainer .displayTextOnCart p {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.modalContainer .subscription-msg-wrapper {
  /*display: flex;
  color: #71B946;
  margin: 10px 0;
  align-items: center;
  padding: 0 28px;*/
  background: #e2f4d7;
  margin: 0 30px;
  padding: 10px;
  color: #424c5b;
  border-radius: 4px;
  display: flex;
}
.modalContainer .subscription-msg-wrapper p {
  font-size: 14px;
  display: inline-block;
  line-height: 16px;
}
.modalContainer .subscription-msg-wrapper .MuiSvgIcon-root {
  margin-right: 10px;
  fill: #71B946;
  font-size: 22px;
  vertical-align: middle;
}
.modalContainer .frequencyBox .frequencyWrapper {
  padding: 16px 32px 0;
}
@media (max-width: 767.98px) {
  .modalContainer .frequencyBox .frequencyWrapper {
    padding: 16px 0 0 16px;
  }
}
.modalContainer.trackOrderModel {
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
}

.customModalContainer {
  width: 80%;
  background: #fff;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .customModalContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}
.customModalContainer .minicartBg {
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 25px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicartBg {
    overflow: initial;
    order: 1;
  }
}
.customModalContainer .minicartBg .modalClose {
  order: 2;
  color: #6a7681;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  font-size: 24px;
}
.customModalContainer .cartCount {
  width: 95%;
}
.customModalContainer .minicrtCustomizable {
  display: block;
  width: 61%;
  border-right: 1px solid #BCBEC0;
  float: left;
  height: 100%;
  overflow-y: scroll;
  position: relative;
}
.customModalContainer .minicrtCustomizable .closeModalright {
  position: absolute;
  top: 24px;
  right: 16px;
  font-size: 24px;
}
.customModalContainer .minicrtCustomizable .frequencyBox {
  display: flex;
  width: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .frequencyBox {
    flex-wrap: wrap;
  }
}
.customModalContainer .minicrtCustomizable .frequencyWrapper {
  padding: 0 !important;
  width: 100%;
}
.customModalContainer .minicrtCustomizable .frequencyWrapper .freqTitle {
  width: 170px;
  /* @include for-phone-only {
      width: calc(100% - 185px);
  } */
}
@media (max-width: 944px) {
  .customModalContainer .minicrtCustomizable .frequencyWrapper .freqTitle {
    width: calc(100% - 38px);
  }
}
.customModalContainer .minicrtCustomizable .frequencyWrapper .tooltipBox {
  margin-right: 0;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable {
    width: 100%;
    order: 3;
    overflow-y: initial;
    height: auto;
    position: relative;
    margin-top: 16px;
    border: 0;
  }
}
.customModalContainer .minicrtCustomizable .customizeHeader {
  margin: 25px 35px 0px;
  color: #212934;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .customizeHeader {
    margin: 0px 24px 0px;
  }
}
.customModalContainer .minicrtCustomizable .customizeSubHeader {
  margin: 0px 35px;
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .customizeSubHeader {
    margin: 0px 24px;
  }
}
.customModalContainer .minicrtCustomizable .accessorytype-title {
  margin: 20px 35px 15px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .accessorytype-title {
    margin: 20px 16px 15px;
  }
}
.customModalContainer .minicrtCustomizable #productContainer {
  padding: 0 16px 16px 16px;
  border-bottom: 1px solid #BCBEC0;
  margin: 20px 0;
  width: 96%;
  float: right;
}
.customModalContainer .minicrtCustomizable #productContainer:last-child {
  border: none !important;
}
.customModalContainer .minicrtCustomizable .productTile {
  padding: 32px 37px 0 37px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile {
    padding: 24px 16px 0 16px;
    justify-content: start;
  }
}
.customModalContainer .minicrtCustomizable .productTile .product-details {
  width: calc(100% - 145px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .product-details {
    width: calc(100% - 95px);
  }
}
.customModalContainer .minicrtCustomizable .productTile .imageWrapper {
  width: auto;
  margin-right: 44px;
}
.customModalContainer .minicrtCustomizable .productTile .imageWrapper img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .imageWrapper {
    margin-right: 12px;
  }
  .customModalContainer .minicrtCustomizable .productTile .imageWrapper img {
    width: 72px;
    height: 72px;
    padding: 6px;
    border: 1px solid #BCBEC0;
    border-radius: 4px;
  }
}
.customModalContainer .minicrtCustomizable .productTile .priceArea {
  text-align: right;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .priceArea {
    text-align: left;
  }
}
.customModalContainer .minicrtCustomizable .productTile .product-other-details {
  width: 100%;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .product-other-details {
    width: 100%;
    margin-bottom: 15px;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: -10px;
  border-bottom: 1px solid #bcbec0;
  padding-bottom: 32px;
  text-align: center;
}
@media (max-width: 1399.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section {
    margin-top: 0;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .redFilledButton {
  width: 125px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .redFilledButton {
    width: 100%;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection {
  display: block;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .linkSection {
    justify-content: start;
    width: 100%;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .qtBut {
  display: flex;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .qtBut {
    justify-content: start;
  }
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .displayMessagePLP {
  text-align: end;
  margin-top: 5px;
}
.customModalContainer .minicrtCustomizable .productTile .links-section .linkSection .displayMessagePLP .minPurchaseQtyClass {
  color: #4b515a;
}
.customModalContainer .minicrtCustomizable .productTile hr.MuiDivider-root.divider.horizontal {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
.customModalContainer .minicrtCustomizable hr.MuiDivider-root.divider.horizontal {
  display: none;
}
.customModalContainer .minicrtCustomizable .prodSpec {
  width: calc(100% - 150px);
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .prodSpec {
    width: 100%;
    margin: 0;
  }
}
.customModalContainer .minicrtCustomizable .prodSpec p {
  color: #004e7d;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 26px;
  font-size: 18px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .prodSpec p {
    font-size: 16px;
    line-height: 20px;
  }
}
.customModalContainer .minicrtCustomizable .actionArea {
  width: 150px;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea {
    width: 100%;
    position: relative;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .priceSection {
  justify-content: end;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection {
    justify-content: start;
  }
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .priceArea {
    /* position: absolute;
    width: 65%;
    top: -70px;*/
  }
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .oldprice {
    display: none;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .priceSection .price {
  color: #212934;
  font-size: 26px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 5px;
  display: inline-block;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .priceSection .price {
    font-size: 20px;
  }
}
.customModalContainer .minicrtCustomizable .actionArea .linkSection {
  height: 95px;
  align-items: end;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .actionArea .linkSection {
    height: 65px;
  }
}
.customModalContainer .minicrtCustomizable span.soldpkg {
  font-size: 14px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper {
  margin: 0px;
  background-color: #FAFAFA;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-slider-container {
  margin: 0 15px;
}
@media (min-width: 1400px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-slider-container {
    margin: 0 62px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel {
  position: relative;
  margin: 25px 0;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper {
  width: 250px;
  padding: 10px;
  border-radius: 8px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem {
  margin: 0px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper {
  width: 245px;
  height: 120px;
  font-weight: 500;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 24px 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 18px 0 rgba(211, 211, 211, 0.5);
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper {
    width: 225px;
    padding: 24px 10px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper.active {
  border: 1px solid #004E7D;
  font-weight: 600;
  color: #212934;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper span.sibling_category_desc {
  font-size: 16px;
  margin-left: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (max-width: 767.98px) {
  .customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-item-wrapper .swipeableItem .categoryWrapper span.sibling_category_desc {
    margin-left: 5px;
  }
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem {
  margin: 0px;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem .categoryWrapper {
  justify-content: center;
}
.customModalContainer .minicrtCustomizable .rec-carousel-wrapper .rec-carousel .rec-carousel-item-0 .swipeableItem .categoryWrapper span.sibling_category_desc {
  margin-left: 0px;
}
.customModalContainer .minicrtCustomizable .fa-info-circle {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM296 336h-16V248C280 234.8 269.3 224 256 224H224C210.8 224 200 234.8 200 248S210.8 272 224 272h8v64h-16C202.8 336 192 346.8 192 360S202.8 384 216 384h80c13.25 0 24-10.75 24-24S309.3 336 296 336zM256 192c17.67 0 32-14.33 32-32c0-17.67-14.33-32-32-32S224 142.3 224 160C224 177.7 238.3 192 256 192z"/></svg>');
}
.customModalContainer .inlineOnMobile {
  display: none;
}
.customModalContainer .displayMessagePLP .minPurchasePLPMsg {
  text-align: left;
}

.rightAlignedModal .customScrollbar .alertMessage .alertInline, .rightAlignedModal .quickOrderForm .itemRow .autocompleteBox > div .alertMessage .alertInline, .quickOrderForm .itemRow .rightAlignedModal .autocompleteBox > div .alertMessage .alertInline {
  margin-left: 60px;
  margin-top: 0;
}

.modalContainer .customScrollbar .recommendedItems .productCarousel .rec-carousel-wrapper, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .recommendedItems .productCarousel .rec-carousel-wrapper, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .recommendedItems .productCarousel .rec-carousel-wrapper {
  position: relative;
}

.minCartAutoReorder {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .minCartAutoReorder {
    padding: 0;
  }
}
.minCartAutoReorder .savingText {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #71B946;
  padding-right: 3px;
}
.minCartAutoReorder svg {
  width: 22px;
  height: 22px;
  color: #71B946;
}
.minCartAutoReorder .ShippingAutoReorder {
  padding-left: 5px;
  line-height: 15px;
}
.minCartAutoReorder .auto-reorder-msg {
  font-weight: 600;
  font-size: 12px;
  /* line-height: 124.5%; */
  /* letter-spacing: 0.01em; */
  color: #71B946;
  flex: 0 0 100%;
  display: flex;
}
.minCartAutoReorder .saving-text-shipping {
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #212934;
  display: inline-flex;
  flex-direction: row;
}
.minCartAutoReorder .saving-text-shipping .appliedmsg {
  padding-left: 3px;
}
.minCartAutoReorder .saving-text-shipping .freeShippigAutoreOrder {
  color: #71B946;
  display: inline-flex;
}
.minCartAutoReorder .saving-text-shipping .freeShippigAutoreOrder::before {
  width: 20px;
  height: 20px;
  display: block;
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113,185,70)" d="M368 0C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48C0 21.49 21.49 0 48 0H368zM416 160V256H544V237.3L466.7 160H416zM160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368zM480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464z"/></svg>');
}

.modalContainer .customScrollbar .minCartAutoReorder, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .minCartAutoReorder, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .minCartAutoReorder {
  padding: 0 0 0 32px;
}
@media (max-width: 767.98px) {
  .modalContainer .customScrollbar .minCartAutoReorder, .modalContainer .quickOrderForm .itemRow .autocompleteBox > div .minCartAutoReorder, .quickOrderForm .itemRow .modalContainer .autocompleteBox > div .minCartAutoReorder {
    padding: 0 0 0 16px;
  }
}

/* .customModalContainer .minicrtCustomizable .frequencyWrapper {width: auto;} */
.alert {
  padding: 5px;
  border-radius: 4px;
  font-weight: 500;
  color: #ffffff !important;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}
.alert.error {
  background-color: #d0342c;
}
.alert.warning {
  background-color: #e25411;
}
.alert.info {
  background-color: #004e7d;
}
.alert.success {
  background-color: #e1f4d5;
}
.alert.success-dark {
  background-color: #71b946;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert i {
  margin-right: 8px;
  font-size: 24px;
  color: #ffffff;
}
.alert:hover {
  transform: scale(1.1) !important;
}

.alertInline {
  border-radius: 4px;
  padding: 8px 16px 8px 11px;
  margin: 12px 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 300;
  font-family: Kanit;
  border: none;
}
.alertInline i {
  margin-right: 8px;
  font-size: 24px;
}
.alertInline.error {
  color: #d0342c;
}
.alertInline.error i {
  color: #d0342c;
}
.alertInline.error.fill {
  background-color: rgba(208, 2, 27, 0.08);
}
.alertInline.warning {
  color: #ff9800;
}
.alertInline.warning.fill {
  background-color: #fff4e5;
}
.alertInline.warning i {
  color: #ff9800;
}
.alertInline.info {
  color: #03a9f4;
}
.alertInline.info.fill {
  background-color: #03a9f4;
}
.alertInline.info i {
  color: #03a9f4;
}
.alertInline.success {
  color: #4e832e;
}
.alertInline.success.fill {
  background-color: #e1f4d5;
}
.alertInline.success i {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>');
}
.alertInline.success i::before {
  content: "";
}
.alertInline .alignRight {
  margin-left: auto;
}

div#show {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200;
}

.newsletterdockmode .MuiDialog-paper {
  left: calc(-50vw + 50%);
  right: calc(-50vw + 50%);
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  /* background-color: blue; */
}

.newsletterbg .MuiPaper-root {
  background-color: #002d50;
  /* background-color:#002D50; */
  font-family: "Kanit";
}

.newsletter-root-bg .MuiBackdrop-root {
  background-color: unset;
}

.newswithStyles {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}
.newswithStyles button {
  font-family: "Kanit" !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  width: 200px;
}
@media (max-width: 767.98px) {
  .newswithStyles button {
    font-size: 14px !important;
  }
}

.newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
  padding: 0px;
}

.newslettertext-color .MuiPaper-root {
  color: #ffffff;
  max-width: none;
}

.MuiButton-outlinedPrimary {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  text-transform: capitalize !important;
  font-family: "Kanit";
}

.MuiButton-textPrimary {
  text-transform: capitalize !important;
  background: #ffffff !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
  color: #d41e3d !important;
}

.newsletteratcenter .MuiButtonBase-root {
  padding: 0;
  float: right;
}

.newslettertext-color .MuiPaper-root {
  border-radius: 0;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .newslettertext-color .MuiPaper-root {
    padding: 15px;
  }
}

.newslettertext-color .MuiDialogTitle-root {
  display: none;
}

.newsletteratcenter .emailError {
  color: #d41e3d;
  font-size: 13px;
  font-weight: 600;
  margin-left: 25%;
}
@media (max-width: 767.98px) {
  .newsletteratcenter .emailError {
    margin-left: 0px;
  }
}

.newsletteratcenter .subscriptionStatus_failure {
  font-size: 13px;
  color: #d41e3d;
  font-weight: 600;
  margin-left: 25%;
}

.newsletteratcenter .subscriptionStatus_alreadySubscribed {
  font-size: 13px;
  font-weight: 600;
  margin-left: 25%;
}

.newsletteratcenter .MuiDialog-paperWidthLg {
  width: 947px;
  width: 50%;
  margin: 0 auto;
}

.newsletteratcenter .MuiDialogTitle-root {
  padding-bottom: 0;
}

.newsletteratcenter .MuiSvgIcon-root {
  font-size: 1.2rem;
}

.successEmailId {
  padding-left: 5%;
}

.newsletteratcenter .MuiDialogContent-root > div > span {
  color: #212934;
  text-align: center;
  font-family: Kanit;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
  display: block;
  padding-bottom: 20px;
}

.newsletteratcenter .MuiInputBase-root {
  width: 50%;
  margin: 0 auto;
}

.newsletteratcenter .MuiButton-text,
.newsletteratcenter .MuiButton-text:hover {
  border-radius: 0 3px 3px 0;
  background-color: #D41E3D;
  display: block;
  margin: 0 0 0 0;
  color: #fff;
  height: 48px;
  line-height: initial;
  display: block;
}

.newsletteratcenter .MuiButton-label {
  margin: 0;
  display: inline-flex;
  padding: 0;
}

.newsletteratcenter .MuiButton-label > .MuiSvgIcon-root {
  font-size: 1.9rem;
}

.newsletteratcenter span.MuiButton-label {
  display: inline-flex !important;
  padding: 0 !important;
  line-height: initial !important;
}

.newsletteratcenter .MuiOutlinedInput-adornedEnd {
  padding: 0 !important;
}

.newsletterdockmode.newsletterbg {
  z-index: 200;
  position: relative;
}

@media (max-width: 767.98px) {
  .newsletteratcenter .MuiPaper-root {
    margin: 0;
    position: absolute;
    border-radius: unset;
    bottom: 50%;
    width: 94%;
  }
  .newsletteratcenter .MuiInputBase-root {
    width: 100%;
  }
  .newsletteratcenter .Component-root-5 {
    margin: 0;
    padding: 0;
  }
  .newsletteratcenter .MuiSvgIcon-root {
    font-size: 1.5rem;
  }
  .newsletteratcenter .MuiDialogContent-root > div > span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: initial;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newsletteratcenter .MuiDialogContent-root > div > span {
    text-align: left;
  }
}
@media (max-width: 767.98px) {
  .newsletteratcenter .MuiDialog-container {
    border-radius: unset;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
    font-size: 1.1rem;
    line-height: normal;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 {
    font-size: 14px;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    padding-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 span {
    display: block;
    width: 100%;
  }
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 span button {
    width: auto;
  }
}
.newsletteratcenter input.MuiInputBase-input.MuiOutlinedInput-input.MuiInputBase-inputAdornedEnd.MuiOutlinedInput-inputAdornedEnd::placeholder {
  font-size: 16px;
  color: #9B9B9B;
  font-style: normal;
  font-weight: 400;
}

.newsletteratcenter {
  padding: 16px;
  padding-top: 0;
  padding-bottom: 30px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon {
  margin: 0px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon i.fa-regular.fa-circle-check {
  font-size: 24px;
  color: #71b946;
  display: inline-flex;
  vertical-align: bottom;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon .subscriptionStatus_success {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin-left: 5px !important;
}
.newsletteratcenter .newsLetterTextBoxPopUp .subscriptionStatus_icon .subscriptionStatus_success_2 {
  display: block;
  margin-left: 28px;
  font-size: 16px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .MuiFormControl-root.MuiTextField-root.MuiFormControl-marginNormal {
  margin-bottom: 30px;
}
.newsletteratcenter .newsLetterTextBoxPopUp .MuiOutlinedInput-input {
  padding: 14.5px 14px;
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .newsletteratcenter .newsLetterTextBoxPopUp .MuiOutlinedInput-input {
    padding: 14.5px 7px;
  }
}

@media only screen and (max-width: 1199.98px) and (min-width: 768px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: block;
  }
}
@media (min-width: 1200px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: block;
  }
}
@media (min-width: 1440px) {
  .newswithStyles .WithStyles\(ForwardRef\(DialogContent\)\)-root-6 > span {
    display: inline-block !important;
  }
}
.emailSpecificationsBox .emailHead .emailTitle .emailProductDetails span.MuiTypography-root.emailAckMsg {
  margin: 8px 0 0 0;
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 19px;
}
.emailSpecificationsBox .emailFrom {
  padding: 0px !important;
}
.emailSpecificationsBox .email_product_actions {
  padding: 0px !important;
}
.emailSpecificationsBox .email_product_actions .cancelEmailBtn {
  margin-right: 20px;
  width: 204px;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .email_product_actions .cancelEmailBtn {
    margin-right: 12px;
    width: 139px;
  }
}
.emailSpecificationsBox .email_product_actions .sendEmailBtn {
  color: #FFFFFF !important;
  background-color: #D41E3D !important;
  border: none !important;
  width: 204px;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .email_product_actions .sendEmailBtn {
    width: 139px;
  }
}
@media (min-width: 768px) {
  .emailSpecificationsBox {
    width: 525px;
  }
}
.emailSpecificationsBox * {
  box-sizing: border-box;
}
.emailSpecificationsBox .emailTitle h2 {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  margin: 0px !important;
}
.emailSpecificationsBox .emailTitle .emailMessage {
  display: flex;
  align-items: center;
}
.emailSpecificationsBox .emailTitle .emailMessage .emailAckStd {
  position: inherit;
}
.emailSpecificationsBox .emailHead {
  padding: 35px 35px 15px;
  box-shadow: none;
  position: relative;
}
.emailSpecificationsBox .modalClose {
  position: absolute;
  right: 35px;
  font-size: 20px;
  color: #6a7681;
}
@media (max-width: 767.98px) {
  .emailSpecificationsBox .modalClose {
    right: 0px;
  }
}
.emailSpecificationsBox .MuiGrid-spacing-xs-1 {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
}
.emailSpecificationsBox .MuiGrid-item.MuiGrid-grid-xs-9 {
  padding: 10px 10px;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_desc {
  color: #004e7d;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  margin: 0px;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_key {
  font-size: 13px;
  letter-spacing: 1.5px;
  line-height: 18px;
  margin: 10px 0;
}
.emailSpecificationsBox .emailDecSectionClass .email_product_item_price {
  font-size: 22px;
  font-weight: 600;
  line-height: 21px;
}
.emailSpecificationsBox .addEmailPadding {
  padding: 0 35px;
}
.emailSpecificationsBox .addEmailPadding .emailFields {
  display: flex;
  justify-content: end;
}
.emailSpecificationsBox .emailFields {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}
.emailSpecificationsBox #email_product_msg {
  padding: 0;
}
.emailSpecificationsBox .MuiFormControl-marginNormal {
  margin: 5px 0;
}
.emailSpecificationsBox .MuiBox-root.MuiBox-root-34.email_product_actions .cancelEmailBtn {
  margin-right: 20px;
  width: 204px;
}
.emailSpecificationsBox .ackTitle {
  margin-right: 12px;
  display: flex;
  flex-wrap: wrap;
}
.emailSpecificationsBox .ackTitle .shareProductDetails {
  margin-top: 5px;
}
.emailSpecificationsBox .ackTitle .shareMessage {
  display: flex;
  align-items: center;
}
.emailSpecificationsBox .ackTitle .shareMessage .emailAckStd {
  position: inherit;
}
.emailSpecificationsBox .ackTitle .emailAckStd {
  font-size: 26px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 26px;
}
.emailSpecificationsBox .ackTitle .emailAckMsg {
  font-size: 26px;
  display: block;
  font-weight: 500;
  line-height: 36px;
}
.emailSpecificationsBox .ackTitle .MuiSvgIcon-root {
  width: 19px;
}
.emailSpecificationsBox .stickToBottom {
  margin: 35px;
  display: flex;
}
.emailSpecificationsBox .MuiOutlinedInput-input {
  padding: 12px 14px;
  height: 48px;
}

section.prodDescSectionClass.emailDecSectionClass {
  margin: 20px 35px;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 767.98px) {
  section.prodDescSectionClass.emailDecSectionClass {
    padding: 12px;
  }
}
section.prodDescSectionClass.emailDecSectionClass .MuiGrid-spacing-xs-1 {
  border: none;
  border-radius: none;
  padding: 0px;
  padding-bottom: 0px;
}
section.prodDescSectionClass.emailDecSectionClass .email_product_item_key {
  color: #646d7b;
  font-size: 11px;
}
section.prodDescSectionClass.emailDecSectionClass .MuiGrid-root.MuiGrid-item:nth-child(1) {
  padding-bottom: 0px !important;
}
@media (max-width: 767.98px) {
  section.prodDescSectionClass.emailDecSectionClass .MuiGrid-root.MuiGrid-item:nth-child(1) .imageClass {
    width: 100%;
  }
}

.shareNewModalPopUp {
  width: 630px !important;
}
@media (max-width: 767.98px) {
  .shareNewModalPopUp {
    width: 100% !important;
  }
}

.shareProductDetails span.MuiTypography-root.emailAckMsg {
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.privacypolicy {
  margin: 0 35px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.privacypolicy a {
  color: #004e7d;
}

@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  src: url("../../font-awesome/webfonts/kanit-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
.socialIcons i {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  background-size: 100% 100%;
}

.fa-facebook-f {
  background-image: url('data:image/svg+xml;utf8,	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>');
}

.fa-linkedin-in {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg>');
}

.fa-youtube {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>');
}

.fa-twitter {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>');
}

.fa-instagram {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
}

.fa-angle-up {
  margin: 0 auto;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M23.5 294.5l152-143.1C180.1 146.2 186.1 144 192 144s11.88 2.188 16.5 6.562l152 143.1c9.625 9.125 10.03 24.31 .9375 33.93c-9.125 9.688-24.38 10.03-33.94 .9375l-135.5-128.4l-135.5 128.4c-9.562 9.094-24.75 8.75-33.94-.9375C13.47 318.9 13.87 303.7 23.5 294.5z"/></svg>');
}

.fa-angles-up {
  margin: 0 auto;
  width: 18.75px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M54.63 246.6L192 109.3l137.4 137.4C335.6 252.9 343.8 256 352 256s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-160-160c-12.5-12.5-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25S42.13 259.1 54.63 246.6zM214.6 233.4c-12.5-12.5-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0L192 301.3l137.4 137.4C335.6 444.9 343.8 448 352 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L214.6 233.4z"/></svg>');
}

.footerItems i {
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  margin-right: 13px;
}

.contactLinks i {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  margin-right: 12px;
}

.fa-comment-dots {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M256 31.1c-141.4 0-255.1 93.13-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.623 7-8.374 17.25-4.624 26C5.816 474.3 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.1 9 60.16 14.25 92.9 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 416c-28.25 0-56.24-4.25-83.24-12.75c-9.516-3.068-19.92-1.461-28.07 4.338c-22.1 16.25-58.54 35.29-102.7 39.66c11.1-15.12 29.75-40.5 40.74-69.63l.1289-.3398c4.283-11.27 1.791-23.1-6.43-32.82C47.51 313.1 32.06 277.6 32.06 240c0-97 100.5-176 223.1-176c123.5 0 223.1 79 223.1 176S379.5 416 256 416zM256 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24s24-10.75 24-24C280 226.7 269.3 216 256 216zM384 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24s24-10.75 24-24C408 226.7 397.3 216 384 216zM128 216c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24S152 253.3 152 240C152 226.7 141.3 216 128 216z"/></svg>');
}

.fa-envelope {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M448 64H64C28.65 64 0 92.65 0 128v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V128C512 92.65 483.3 64 448 64zM64 96h384c17.64 0 32 14.36 32 32v36.01l-195.2 146.4c-17 12.72-40.63 12.72-57.63 0L32 164V128C32 110.4 46.36 96 64 96zM480 384c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V203.1L208 336c14.12 10.61 31.06 16.02 48 16.02S289.9 346.6 304 336L480 203.1V384z"/></svg>');
}

.fa-phone {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="white" d="M484.6 330.6C484.6 330.6 484.6 330.6 484.6 330.6l-101.8-43.66c-18.5-7.688-40.2-2.375-52.75 13.08l-33.14 40.47C244.2 311.8 200.3 267.9 171.6 215.2l40.52-33.19c15.67-12.92 20.83-34.16 12.84-52.84L181.4 27.37C172.7 7.279 150.8-3.737 129.6 1.154L35.17 23.06C14.47 27.78 0 45.9 0 67.12C0 312.4 199.6 512 444.9 512c21.23 0 39.41-14.44 44.17-35.13l21.8-94.47C515.7 361.1 504.7 339.3 484.6 330.6zM457.9 469.7c-1.375 5.969-6.844 10.31-12.98 10.31c-227.7 0-412.9-185.2-412.9-412.9c0-6.188 4.234-11.48 10.34-12.88l94.41-21.91c1-.2344 2-.3438 2.984-.3438c5.234 0 10.11 3.094 12.25 8.031l43.58 101.7C197.9 147.2 196.4 153.5 191.8 157.3L141.3 198.7C135.6 203.4 133.8 211.4 137.1 218.1c33.38 67.81 89.11 123.5 156.9 156.9c6.641 3.313 14.73 1.531 19.44-4.219l41.39-50.5c3.703-4.563 10.16-6.063 15.5-3.844l101.6 43.56c5.906 2.563 9.156 8.969 7.719 15.22L457.9 469.7z"/></svg>');
}

.fa-heart {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  min-width: auto;
}

.fal.fa-heart {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M244 84L255.1 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 0 232.4 0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84C243.1 84 244 84.01 244 84L244 84zM255.1 163.9L210.1 117.1C188.4 96.28 157.6 86.4 127.3 91.44C81.55 99.07 48 138.7 48 185.1V190.9C48 219.1 59.71 246.1 80.34 265.3L256 429.3L431.7 265.3C452.3 246.1 464 219.1 464 190.9V185.1C464 138.7 430.4 99.07 384.7 91.44C354.4 86.4 323.6 96.28 301.9 117.1L255.1 163.9z"/></svg>');
}

.fa-duotone.fa-heart {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84.02L256 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 .0003 232.4 .0003 190.9L0 190.9z"/></svg>');
}

.fa-file-invoice-dollar {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M365.3 125.3l-106.5-106.5C246.7 6.742 230.5 0 213.5 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.35 28.65 64 64 64H320c35.35 0 64-28.65 64-64V170.5C384 153.5 377.3 137.3 365.3 125.3zM224 34.08c4.477 1.566 8.666 3.846 12.12 7.299l106.5 106.5C346.1 151.3 348.4 155.5 349.9 160H240C231.2 160 224 152.8 224 144V34.08zM352 448c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V64c0-17.64 14.36-32 32-32h128v112C192 170.5 213.5 192 240 192H352V448zM80 96h64C152.8 96 160 88.84 160 80S152.8 64 144 64h-64C71.16 64 64 71.16 64 80S71.16 96 80 96zM160 144C160 135.2 152.8 128 144 128h-64C71.16 128 64 135.2 64 144S71.16 160 80 160h64C152.8 160 160 152.8 160 144zM202 288.9c6.766 .9375 14.2 2.984 21.28 5.156c8.5 2.641 17.41-2.156 19.98-10.61c2.594-8.438-2.156-17.39-10.61-19.98c-10.03-3.078-17.96-4.947-24.99-6.008C207.8 256.1 208 256.5 208 256V240c0-8.844-7.133-16-15.98-16S176 231.2 176 240V256c0 .3008 .1543 .5488 .1699 .8457C150.6 260.1 132.9 273.3 128.9 294.1c-7.766 39.97 33.06 50.64 52.67 55.77l6.5 1.656c32.25 8.219 37.17 12.28 35.61 20.34c-1.844 9.453-19.78 14.34-41.81 11.22c-8.578-1.141-18.95-4.469-28.09-7.391l-4.969-1.594c-8.422-2.578-17.41 2.016-20.08 10.45c-2.656 8.438 2.031 17.42 10.45 20.08L144 406.1c10.05 3.221 21.38 6.756 32.3 8.359C176.3 415 176 415.5 176 416v16c0 8.844 7.18 16 16.02 16S208 440.8 208 432V416c0-.5078-.2422-.9375-.2891-1.434c25.42-3.33 43.36-15.98 47.38-36.63c7.859-40.41-32.45-50.67-59.13-57.45L189.7 318.9c-31.39-8.203-30.41-13.3-29.36-18.7C162.1 290.7 180.1 285.9 202 288.9z"/></svg>');
}

.fa-receipt {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M288 143.1C296.8 143.1 304 151.2 304 159.1C304 168.8 296.8 175.1 288 175.1H96C87.16 175.1 80 168.8 80 159.1C80 151.2 87.16 143.1 96 143.1H288zM80 352C80 343.2 87.16 336 96 336H288C296.8 336 304 343.2 304 352C304 360.8 296.8 368 288 368H96C87.16 368 80 360.8 80 352zM288 239.1C296.8 239.1 304 247.2 304 255.1C304 264.8 296.8 271.1 288 271.1H96C87.16 271.1 80 264.8 80 255.1C80 247.2 87.16 239.1 96 239.1H288zM79.27 50.1L124.7 4.687C130.9-1.562 141.1-1.562 147.3 4.687L192 49.37L236.7 4.687C242.9-1.562 253.1-1.562 259.3 4.687L304.7 50.1L357.5 3.959C362.2-.175 368.9-1.164 374.6 1.43C380.3 4.024 384 9.722 384 16V496C384 502.3 380.3 507.1 374.6 510.6C368.9 513.2 362.2 512.2 357.5 508L304.7 461.9L259.3 507.3C253.1 513.6 242.9 513.6 236.7 507.3L192 462.6L147.3 507.3C141.1 513.6 130.9 513.6 124.7 507.3L79.27 461.9L26.54 508C21.81 512.2 15.11 513.2 9.388 510.6C3.671 507.1 0 502.3 0 496V16C0 9.722 3.672 4.024 9.388 1.43C15.11-1.164 21.81-.175 26.54 3.959L79.27 50.1zM69.46 427.1C75.8 422.4 85.36 422.7 91.31 428.7L136 473.4L180.7 428.7C186.9 422.4 197.1 422.4 203.3 428.7L248 473.4L292.7 428.7C298.6 422.7 308.2 422.4 314.5 427.1L352 460.7V51.26L314.5 84.04C308.2 89.59 298.6 89.27 292.7 83.31L248 38.63L203.3 83.31C197.1 89.56 186.9 89.56 180.7 83.31L136 38.63L91.31 83.31C85.36 89.27 75.8 89.59 69.46 84.04L32 51.26V460.7L69.46 427.1z"/></svg>');
}

.fa-sparkles {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M432 32C440.8 32 448 39.16 448 48V96H496C504.8 96 512 103.2 512 112C512 120.8 504.8 128 496 128H448V176C448 184.8 440.8 192 432 192C423.2 192 416 184.8 416 176V128H368C359.2 128 352 120.8 352 112C352 103.2 359.2 96 368 96H416V48C416 39.16 423.2 32 432 32zM432 320C440.8 320 448 327.2 448 336V384H496C504.8 384 512 391.2 512 400C512 408.8 504.8 416 496 416H448V464C448 472.8 440.8 480 432 480C423.2 480 416 472.8 416 464V416H368C359.2 416 352 408.8 352 400C352 391.2 359.2 384 368 384H416V336C416 327.2 423.2 320 432 320zM123.3 321.8L9.292 269.1C3.627 266.5 0 260.8 0 254.6C0 248.3 3.627 242.6 9.292 240L123.3 187.3L176 73.29C178.6 67.63 184.3 64 190.6 64C196.8 64 202.5 67.63 205.1 73.29L257.8 187.3L371.8 240C377.5 242.6 381.1 248.3 381.1 254.6C381.1 260.8 377.5 266.5 371.8 269.1L257.8 321.8L205.1 435.8C202.5 441.5 196.8 445.1 190.6 445.1C184.3 445.1 178.6 441.5 176 435.8L123.3 321.8zM54.16 254.6L136.8 292.7C143.7 295.9 149.2 301.4 152.4 308.3L190.6 390.9L228.7 308.3C231.9 301.4 237.4 295.9 244.3 292.7L326.9 254.6L244.3 216.4C237.4 213.2 231.9 207.7 228.7 200.8L190.6 118.2L152.4 200.8C149.2 207.7 143.7 213.2 136.8 216.4L54.16 254.6z"/></svg>');
}

.fa-plus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M432 256C432 269.3 421.3 280 408 280h-160v160c0 13.25-10.75 24.01-24 24.01S200 453.3 200 440v-160h-160c-13.25 0-24-10.74-24-23.99C16 242.8 26.75 232 40 232h160v-160c0-13.25 10.75-23.99 24-23.99S248 58.75 248 72v160h160C421.3 232 432 242.8 432 256z"/></svg>');
  display: block;
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
}

.fa-share-alt-square {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0, 73, 135)" d="M273.3 203.7L191.5 248.3C191.8 250.8 192 253.4 192 255.1C192 258.6 191.8 261.2 191.5 263.7L273.3 308.3C284.9 295.8 301.6 287.1 320 287.1C355.3 287.1 384 316.7 384 352C384 387.3 355.3 416 320 416C284.7 416 256 387.3 256 352C256 346.6 256.7 341.4 257.9 336.4L179.7 293.7C168.1 309.6 149.2 319.1 128 319.1C92.65 319.1 64 291.3 64 255.1C64 220.7 92.65 191.1 128 191.1C149.2 191.1 168.1 202.4 179.7 218.3L257.9 175.6C256.7 170.6 256 165.4 256 159.1C256 124.7 284.7 95.1 320 95.1C355.3 95.1 384 124.7 384 159.1C384 195.3 355.3 223.1 320 223.1C301.6 223.1 284.9 216.2 273.3 203.7V203.7zM320 192C337.7 192 352 177.7 352 160C352 142.3 337.7 128 320 128C302.3 128 288 142.3 288 160C288 177.7 302.3 192 320 192zM320 384C337.7 384 352 369.7 352 352C352 334.3 337.7 320 320 320C302.3 320 288 334.3 288 352C288 369.7 302.3 384 320 384zM128 224C110.3 224 96 238.3 96 256C96 273.7 110.3 288 128 288C145.7 288 160 273.7 160 256C160 238.3 145.7 224 128 224zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM32 96V416C32 433.7 46.33 448 64 448H384C401.7 448 416 433.7 416 416V96C416 78.33 401.7 64 384 64H64C46.33 64 32 78.33 32 96z"/></svg>');
  display: block;
  width: 24px;
  height: 22px;
  background-repeat: no-repeat;
}

.fa-file-invoice-dollar::before, .fa-receipt::before, .fa-angle-up::before, .fa-plus::before, .fa-circle-check::before, .fal.fa-heart::before, .fa-sparkles::before, .fa-share-alt-square::before {
  content: "" !important;
}

footer i::before {
  content: "" !important;
}

.fa-circle-check {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>');
}

.fa-check::before {
  content: "";
}

.fa-check {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/></svg>');
}

.fa-star-sharp {
  display: block;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(188, 190, 192)" d="M288.1 0l63.5 195.6H557.2L390.9 316.4 454.4 512 288.1 391.1 121.7 512l63.5-195.6L18.9 195.6H224.5L288.1 0z"/></svg>');
  /*&::before {
  	content: '\2605';
  	font-size: 21px;
  }*/
}
@media (max-width: 767.98px) {
  .fa-star-sharp {
    width: 15px;
    height: 14px;
  }
}
.dv-star-rating-full-star .fa-star-sharp {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216, 159, 2)" d="M288.1 0l63.5 195.6H557.2L390.9 316.4 454.4 512 288.1 391.1 121.7 512l63.5-195.6L18.9 195.6H224.5L288.1 0z"/></svg>');
}

.fa-star-sharp-half-stroke {
  display: block;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(216, 159, 2)" d="M317.5 90.6l34.1 105H462h95.3l-77.1 56-89.3 64.9 34.1 105L454.4 512l-77.1-56-89.3-64.9L198.8 456l-77.1 56 29.4-90.6 34.1-105L96 251.6l-77.1-56h95.3H224.5l34.1-105L288.1 0l29.4 90.6zm34.1 161H310.9l-12.6-38.7-10.3-31.7-.1 .2V322l.1 0L321 345.8l26.9 19.6-10.3-31.7L325 295 358 271.1l26.9-19.6H351.6zm-159.6 0h-.8l.8 .6v-.6z"/></svg>');
}
@media (max-width: 767.98px) {
  .fa-star-sharp-half-stroke {
    width: 15px;
    height: 14px;
  }
}

.fa-star-sharp::before, .fa-star-sharp-half-stroke::before {
  content: "" !important;
}

.dv-star-rating-star {
  padding-right: 2px;
}

@media (min-width: 768px) {
  .footerLinks .footerItems h3 {
    font-weight: 500;
  }
}
/*.reviewDesktopView .accountWishList .accountPopup .flexDisplay .fal {
  width:24px;
  height:24px;
}*/
.fas.fa-chevron-right {
  display: block;
  width: 11px;
  height: 11px;
  margin-left: 6px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(66, 76, 91)" d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>');
}

.fas.fa-chevron-left {
  display: block;
  width: 11px;
  height: 11px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(66, 76, 91)" d="M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z"/></svg>');
}

.fa-chevron-down {
  width: 16px;
  height: 16px;
  display: inline-block;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M199 401c9.4 9.4 24.6 9.4 33.9 0L425 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L41 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L199 401z"/></svg>');
}

.fa-times {
  display: block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  min-width: auto;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(0,78,125)" d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM180.7 180.7c-6.2 6.2-6.2 16.4 0 22.6L233.4 256l-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L256 278.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L278.6 256l52.7-52.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L256 233.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0z"/></svg>');
}

.sortSection i.fal.fa-times::after {
  content: "Close";
  font-style: normal;
  font-size: 10px;
  color: #004e7d;
  padding-top: 10px;
  display: block;
  margin-top: -8px;
  text-align: left;
  margin-left: -35px;
}

.navigationToback {
  padding-top: 28px;
  font-size: 14px;
}
.navigationToback a {
  color: #424c5b;
}
.navigationToback .flexOnDesktop {
  display: inline-flex;
  width: auto;
}

.loginBanner {
  display: none;
}
@media (min-width: 1045px) {
  .loginBanner {
    width: 40%;
    float: left;
    display: flex;
    justify-content: center;
  }
  .loginBanner .bannerWrapper {
    left: 0;
    position: inherit;
  }
}
@media (min-width: 1200px) {
  .loginBanner {
    width: 31%;
    margin-left: 9%;
    float: left;
    display: flex;
    justify-content: center;
  }
}

.loginForm {
  display: flex;
  min-height: calc(100vh - 165px);
  padding-bottom: 64px;
  width: 100%;
}
.loginForm input {
  font-size: 14px;
  font-weight: 300;
}
.loginForm .MuiFormControlLabel-label {
  color: #212934;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
@media (min-width: 1045px) {
  .loginForm {
    padding-left: 10%;
    width: 57%;
  }
}
@media (min-width: 768px) {
  .loginForm .alertInline {
    width: 70%;
  }
}
.loginForm .loginTitle {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  padding-top: 38px;
  text-transform: capitalize;
}
.loginForm .tabformsWrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .loginForm .tabformsWrapper {
    max-width: 630px;
  }
}
.loginForm .tabformsWrapper .MuiTab-root {
  text-align: center;
  min-height: 48px;
}
.loginForm .tabformsWrapper .MuiTab-root.Mui-selected {
  font-weight: 500;
  color: #004e7d;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-root:not(.Mui-selected) {
  background-color: #d5e0e6;
  border: 0;
}
.loginForm .tabformsWrapper.signInUp button.MuiTab-root:first-of-type {
  margin: 0 8px 0 0;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-root.Mui-selected {
  color: #ffffff;
  background-color: #004e7d;
  margin: 0;
  border: 0;
}
.loginForm .tabformsWrapper.signInUp .MuiTabs-root {
  border-bottom: 1px solid #bcbec0;
}
.loginForm .tabformsWrapper.signInUp .MuiTab-wrapper {
  align-items: center;
}
.loginForm .loginformContainer {
  margin: 0;
  width: 100%;
  padding: 0;
}
.loginForm .loginformContainer form {
  max-width: 327px;
}
.loginForm .loginformContainer .passwordField .formLeft {
  width: 100%;
}
.loginForm .MuiFormLabel-root {
  margin-top: 24px;
  text-transform: capitalize;
}
.loginForm .MuiFormControlLabel-root {
  margin-top: 10px;
  margin-bottom: 24px;
}
.loginForm .MuiFormControlLabel-root span {
  text-transform: capitalize;
}
.loginForm .MuiFormControlLabel-root ~ .MuiFormControlLabel-root {
  margin-top: 0;
}
.loginForm .MuiFormControlLabel-root .MuiRadio-root {
  padding: 9px;
}
.loginForm .MuiFormControl-root .MuiFormControlLabel-root {
  margin-top: 0;
  margin-bottom: 0;
}
.loginForm .MuiInputBase-root {
  height: 50px;
}
.loginForm .rememberMe {
  padding-left: 0;
}
.loginForm .rememberMe + .MuiTypography-root {
  font-size: 14px;
  font-weight: 600;
  color: #212934;
}
.loginForm .loginForgot {
  display: flex;
  padding-bottom: 20px;
}
.loginForm .loginForgot .MuiFormControlLabel-root,
.loginForm .loginForgot .MuiGrid-container {
  flex: 0 0 50%;
  margin-left: 0;
  margin-right: 0;
}
.loginForm .loginForgot .MuiGrid-container {
  text-align: right;
  margin-top: 8px;
}
.loginForm .loginForgot .forgotText {
  color: #004e7d;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .loginForm .loginForgot .noStyleButtons {
    justify-content: flex-end !important;
  }
}
@media (min-width: 768px) {
  .loginForm .loginForgot {
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
  .loginForm .loginForgot .MuiFormControlLabel-root,
.loginForm .loginForgot .MuiGrid-container {
    width: 100%;
    text-align: left;
  }
  .loginForm .loginForgot .MuiFormControlLabel-root {
    padding-bottom: 8px;
  }
  .loginForm .loginForgot .MuiIconButton-root {
    padding: 0 8px 0 0;
  }
}
.loginForm .loginBtn {
  background: #d41e3d;
  height: 50px;
  border-radius: 8px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 600;
  font-family: Kanit;
  text-transform: capitalize;
}
.loginForm .MuiTab-root {
  width: 50%;
  opacity: 1;
  color: #212934;
  font-size: 17px;
}
@media (min-width: 768px) {
  .loginForm .MuiTab-root {
    width: 80%;
  }
}

section.accountLayout {
  display: flex;
  flex-wrap: wrap;
}
section.accountLayout .loginMainHead {
  width: 100%;
}
@media (max-width: 767.98px) {
  section.accountLayout {
    display: inherit;
  }
}

.loginMainHead {
  background: #004e7d;
}
.loginMainHead .loginHeader {
  padding: 12px 36px;
  background: #004e7d;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
}
.loginMainHead .loginHeader .logo {
  width: 211px;
  height: 60px;
}

.passwordFreesection {
  padding-top: 39px;
  width: 100%;
}
.passwordFreesection .passwordFreeLoginForm {
  max-width: 100% !important;
}
.passwordFreesection .passwordfreeTile {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  font-family: Kanit;
  padding-bottom: 8px;
}
.passwordFreesection .description {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 300;
  font-family: Kanit;
}
.passwordFreesection .MuiFormControlLabel-label {
  font-weight: 300;
  font-size: 14px;
}
.passwordFreesection .MuiOutlinedInput-adornedEnd {
  padding-right: 0;
}
.passwordFreesection legend.MuiFormLabel-root {
  padding-top: 0px;
}
.passwordFreesection .passwordfreeTextfields .MuiOutlinedInput-input {
  padding: 0 14px;
}
.passwordFreesection .passwordfreeTextfields .redFilledButton {
  max-width: 136px;
  border-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  max-height: 50px;
}
@media (min-width: 768px) {
  .passwordFreesection {
    width: 70%;
  }
}
.passwordFreesection p.MuiFormHelperText-root.MuiFormHelperText-contained.Mui-error {
  margin: 3px 0;
}

.modalContainer.loginPopup {
  height: 100% !important;
  padding: 0 !important;
}
.modalContainer.loginPopup .ashBg {
  background-color: #eaf0f4;
  padding: 32px;
}
.modalContainer.loginPopup .loginForgot {
  display: flex;
  flex-direction: column-reverse;
}
.modalContainer.loginPopup .passwordFreesection {
  width: 100% !important;
  padding-top: 16px;
}
.modalContainer.loginPopup .backNav {
  display: none;
}
.modalContainer.loginPopup .resetpasswordHeading {
  font-size: 22px;
}
.modalContainer.loginPopup .MuiTypography-subtitle1 {
  padding-top: 16px;
}
.modalContainer.loginPopup .newCustomerForm {
  padding: 32px;
}
.modalContainer.loginPopup .newCustomerForm .customBtn {
  margin-top: 24px;
}
.modalContainer.loginPopup .customBtn,
.modalContainer.loginPopup .formLeft {
  width: 100% !important;
}
.modalContainer.loginPopup .MuiInputBase-root {
  background-color: #ffffff;
}
.modalContainer.loginPopup .forgotLink {
  float: right;
}
.modalContainer.loginPopup .forgotText {
  margin-top: 10px;
}
.modalContainer.loginPopup .forgotText .MuiGrid-root.MuiGrid-item:nth-child(1) {
  padding-bottom: 0 !important;
  margin-bottom: -5px;
}
.modalContainer.loginPopup .loginBtn {
  margin-bottom: 16px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .modalContainer.loginPopup {
    width: 500px;
  }
}

.leftArrow {
  color: #68707C;
  font-size: 22px;
  font-weight: 600;
  padding-right: 10px;
  cursor: pointer;
  line-height: 18px;
}

.backText {
  color: #212934;
  font-weight: 500;
  cursor: pointer;
}
.backText:hover {
  text-decoration: underline;
}

.accountLayout .accountContent .loaderWrapper section.flexOnDesktop.alignVCenter, .accountLayout .accountContent .loaderWrapper .modalContainer section.flexOnDesktop.formActions, .modalContainer .accountLayout .accountContent .loaderWrapper section.flexOnDesktop.formActions, .accountLayout .accountContent .loaderWrapper section.flexOnDesktop.alertInline {
  width: 100%;
}

.accountLayout .support, .accountLayout .header .menuIcon, .accountLayout .searchWrapper, .accountLayout .headerRight {
  display: none;
}

main.MuiContainer-root.signUpContainer.MuiContainer-maxWidthLg {
  padding: 0;
}

.signUpContainer .paper {
  display: flex;
  flex-direction: column;
}
.signUpContainer .customBtn {
  margin-top: 24px;
}
.signUpContainer .stepLabel {
  padding-top: 31px;
}
.signUpContainer .loginTitle {
  padding-top: 13px;
}
.signUpContainer .selectBox {
  min-height: 36px;
}
.signUpContainer .step1Form .emailField {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .step1Form .emailField {
    width: 52%;
  }
}
@media (min-width: 768px) {
  .signUpContainer .step1Form .customBtn {
    width: 52%;
  }
  .signUpContainer .step1Form .twoColumn {
    width: 38%;
  }
  .signUpContainer .step1Form .twoColumn .marginRight20 {
    width: calc(38% - 20px);
  }
}
.signUpContainer .passwordField .MuiInputAdornment-root .MuiButtonBase-root {
  color: #bcbec0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 300;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .signUpContainer .error,
.signUpContainer .warning {
    width: 353px;
    float: left;
  }
}
.signUpContainer .link {
  color: #004e7d;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  font-weight: 600;
  font-family: Kanit;
}
.signUpContainer .MuiSelect-select {
  padding: 8px 12px;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .signUpContainer .phoneField {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .signUpContainer .signupForm2 {
    width: 76.5%;
    flex-direction: row;
  }
}
.signUpContainer .signupForm2 a.link {
  margin-top: 8px;
  width: 100%;
  float: left;
}
.signUpContainer .minHeightForm {
  min-height: 300px;
  justify-content: space-between;
}
.signUpContainer .contactInfo .extension {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo .extension {
    width: 32%;
  }
}
.signUpContainer .contactInfo .phoneField {
  width: 100%;
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo .phoneField {
    width: calc(68% - 20px);
  }
}
@media (min-width: 768px) {
  .signUpContainer .contactInfo {
    width: 84%;
  }
}
.signUpContainer .workEmail {
  width: 100%;
  clear: both;
}
@media (min-width: 768px) {
  .signUpContainer .workEmail {
    width: 84%;
  }
}
.signUpContainer .MuiFormGroup-row {
  flex-wrap: nowrap;
}
.signUpContainer .subHeading {
  color: #212934;
  margin: 0;
  padding-top: 36px;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 600;
  font-family: Kanit;
}
@media (min-width: 768px) {
  .signUpContainer .MuiFormLabel-root {
    font-weight: normal;
  }
}
.signUpContainer .MuiFormControlLabel-root {
  width: 100%;
}
.signUpContainer .MuiFormControl-root {
  display: inline-flex;
}

.suggestionsWrapper {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  left: 0;
  right: 0;
  top: 95px;
  border: 1px solid #bcbec0;
  list-style: none;
  max-width: 442px;
  height: 430px;
  overflow-y: auto;
}
.suggestionsWrapper li {
  padding: 10px;
  cursor: pointer;
}
.suggestionsWrapper li:hover {
  background-color: #eaf0f4;
}
.suggestionsWrapper .suggestion-active {
  color: #424c5b;
  background-color: #eaf0f4;
}

.addressSuggestions {
  display: flex;
  padding-top: 16px;
}
@media (max-width: 767.98px) {
  .addressSuggestions {
    flex-direction: column;
  }
}
.addressSuggestions .addressCard {
  width: 100%;
  margin-bottom: 20px;
}
.addressSuggestions .addressCard .MuiPaper-elevation1 {
  height: 227px;
}
.addressSuggestions .addressCard .MuiCardHeader-action {
  margin-top: -8px;
  margin-bottom: -8px;
}
.addressSuggestions .addressCard .MuiCardActions-root {
  padding: 5px 15px;
}
@media (min-width: 768px) {
  .addressSuggestions .addressCard {
    width: 50%;
  }
  .addressSuggestions .addressCard:not(:last-child) {
    margin-right: 20px;
  }
}
.addressSuggestions .addressCard .defaultAddress .MuiCardHeader-title {
  text-transform: none;
  font-weight: normal;
}
.addressSuggestions .addressCard .MuiCard-root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.addressSuggestions .addressCard.invalidMatch {
  width: 100%;
}
.addressSuggestions .customBtn {
  width: 100%;
  margin-top: 0;
}
.addressSuggestions h1 {
  width: 100%;
  margin-bottom: 24px;
}

.modalContainer.loginPopup.wishlistLogin {
  height: 100% !important;
  padding: 0 !important;
}
.modalContainer.loginPopup.wishlistLogin .closeIcon {
  right: 15px;
  top: 10px;
  display: block;
}
.modalContainer.loginPopup.wishlistLogin .ashBg {
  background-color: #fff;
  padding: 32px 16px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .back {
  font-weight: 500;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .back svg {
  width: 14px;
  height: 14px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForm {
  width: 100%;
  padding-left: 0px;
  margin-top: 10px;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .MuiTab-root {
  width: 49%;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForm .MuiInputBase-root {
  height: unset;
}
.modalContainer.loginPopup.wishlistLogin .ashBg .loginForgot {
  flex-direction: unset;
}
.modalContainer.loginPopup.wishlistLogin .passwordField .formRight {
  margin-left: 26px;
  font-size: 13px;
  font-weight: 300;
  line-height: 14px;
}
.modalContainer.loginPopup.wishlistLogin .passwordField .formRight p {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .modalContainer.loginPopup.wishlistLogin .step1Form .emailField {
    width: 100%;
  }
}
.modalContainer.loginPopup.wishlistLogin .step1Form.flexWrapContent {
  display: flex;
  flex-wrap: wrap;
}
.modalContainer.loginPopup.wishlistLogin .signUpContainer .step1Form .twoColumn {
  width: calc(50% - 10px);
}
.modalContainer.loginPopup.wishlistLogin .loginForm .loginformContainer form, .modalContainer.loginPopup.wishlistLogin .signUpContainer .signupForm2, .modalContainer.loginPopup.wishlistLogin .signUpContainer .contactInfo, .modalContainer.loginPopup.wishlistLogin .signUpContainer .workEmail {
  width: 100%;
  max-width: 100%;
}
.modalContainer.loginPopup.wishlistLogin .addressSuggestions {
  margin-top: 16px;
}
.modalContainer.loginPopup.wishlistLogin .zipField, .modalContainer.loginPopup.wishlistLogin .cityField {
  width: 100%;
  margin-right: 0;
}
.modalContainer.loginPopup.wishlistLogin .signUpContainer .MuiFormControlLabel-root {
  margin: 16px 0;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span {
  padding: 0;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span .MuiIconButton-label {
  margin-right: 8px;
}
.modalContainer.loginPopup.wishlistLogin .loginForm .MuiFormControlLabel-root span.MuiRadio-root {
  padding: 9px;
}
.modalContainer.loginPopup.wishlistLogin .fa-exclamation-circle {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="rgb(208, 52, 44)" d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>');
}
.modalContainer.loginPopup.wishlistLogin .fa-check::before {
  content: "";
}

.modalContainer.wishlistLogin .closeIcon {
  right: 15px;
  top: 10px;
  display: block;
}

.wishListLoginSuccessContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  top: 50%;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 20px;
  height: 206px;
  position: absolute;
  width: 90%;
  margin: 0 5%;
  margin-top: -103px;
}
.wishListLoginSuccessContainer .wishListLoginSuccessMsg {
  font-size: 26px;
  font-weight: 500;
  width: 100%;
  margin-bottom: 30px;
}
.wishListLoginSuccessContainer .fa-circle-check {
  width: 100%;
  background-position: center;
  margin-bottom: 30px;
  background-size: 40px 40px;
  height: 40px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="rgb(113, 185, 70)" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>');
}
.wishListLoginSuccessContainer .wishListSuccessMsg {
  width: 100%;
  color: #004E7D;
  margin-bottom: 30px;
  font-size: 16px;
}

.flexWrapper, .alignTop, .flexEnd, .quickOrderForm .addMoreItemsLink, .spaceBetween, .alignHCenter, .alignVCenter, .modalContainer .formActions, .alertInline, .alignCenter, .quickOrderForm .uploadDocsLink, .quickOrderForm .itemRow, .horizontalFlex, .verticalFlex, .quickOrderForm .itemRow .inputArrows, .verticalSpaceBetween {
  display: flex;
}

.flexWrapContent {
  display: flex;
  flex-wrap: wrap;
}

.verticalFlex, .quickOrderForm .itemRow .inputArrows, .verticalSpaceBetween {
  flex-direction: column;
}

.horizontalFlex {
  flex-direction: row;
}

.alignCenter, .quickOrderForm .uploadDocsLink, .quickOrderForm .itemRow {
  justify-content: center;
  align-items: center;
}

.alignVCenter, .modalContainer .formActions, .alertInline {
  align-items: center;
}

.alignHCenter {
  justify-content: center;
}

.spaceBetween {
  justify-content: space-between;
  align-items: center;
}

.flexEnd, .quickOrderForm .addMoreItemsLink {
  justify-content: flex-end;
}

.alignTop {
  align-items: flex-start;
}

.verticalSpaceBetween {
  justify-content: space-between;
  align-items: center;
}

.formInputBox, .quickOrderForm .quantityInput, .quickOrderForm .formInput {
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
}
.formInputBox .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline, .quickOrderForm .quantityInput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline, .quickOrderForm .formInput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border: 1px solid #bcbec0;
}
.formInputBox .MuiOutlinedInput-input, .quickOrderForm .quantityInput .MuiOutlinedInput-input, .quickOrderForm .formInput .MuiOutlinedInput-input {
  padding: 16px;
}

.customScrollbar::-webkit-scrollbar, .quickOrderForm .itemRow .autocompleteBox > div::-webkit-scrollbar {
  width: 9px;
  /* width of the entire scrollbar */
}
.customScrollbar::-webkit-scrollbar-track, .quickOrderForm .itemRow .autocompleteBox > div::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: #ffffff;
}
.customScrollbar::-webkit-scrollbar-thumb, .quickOrderForm .itemRow .autocompleteBox > div::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
  /* color of the scroll thumb */
  border-radius: 6.5px;
  /* roundness of the scroll thumb */
  border: 3px solid #cfcfcf;
  /* creates padding around scroll thumb */
}

.grecaptcha-badge {
  bottom: 75px !important;
}

.footerMain .MuiAccordionSummary-root {
  display: flex;
  padding: 0px 16px;
  min-height: 48px;
  transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

@media (min-width: 768px) {
  .quickOrderForm {
    padding: 24px;
  }
}
.quickOrderForm .divider {
  margin: 24px 0;
  background-color: #dadada;
}
.quickOrderForm .itemDivider {
  background-color: #dadada;
  width: 100%;
  margin-top: 10px;
}
.quickOrderForm .itemRow {
  padding: 16px 0;
}
.quickOrderForm .itemRow .inputArrows svg {
  fill: #6a7681;
  cursor: pointer;
}
.quickOrderForm .itemRow .autoCompleteItem {
  display: flex;
  flex-direction: column;
}
.quickOrderForm .itemRow .menuItemWrapper {
  padding: 16px;
}
.quickOrderForm .itemRow .itemHeader {
  color: #004e7d;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
  text-align: left;
  margin: 0;
}
.quickOrderForm .itemRow .itemDesc {
  color: #212934;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 300;
  font-family: Kanit;
  text-align: left;
}
.quickOrderForm .itemRow p.Mui-error {
  position: absolute;
  top: 64px;
  left: 24px;
}
.quickOrderForm .formLabel {
  color: #212934;
  margin-left: 25px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
}
.quickOrderForm .itemsWrapper .formLabel {
  margin: auto;
  width: 90%;
  padding-left: 26px;
}
@media (max-width: 767.98px) {
  .quickOrderForm .itemsWrapper .formLabel {
    width: 100%;
    padding-top: 26px;
    max-width: 371px;
    margin: auto;
  }
}
.quickOrderForm .uploadDocumentsWrapper .formLabel {
  margin-left: 0;
  padding: 0;
}
.quickOrderForm .formInput {
  width: 263px;
  height: 50px;
  margin: 0 16px;
  color: #212934;
  outline: none;
}
.quickOrderForm .formInput.error {
  padding: 16px;
}
.quickOrderForm .formInput.inputOther {
  border: 1px solid #bcbec0;
  padding: 16px;
}
.quickOrderForm .formInput.selected {
  font-weight: 500;
}
.quickOrderForm .quantityInput {
  width: 96px;
  height: 50px;
}
.quickOrderForm .quantityInput .MuiOutlinedInput-input {
  padding: 13px;
  text-align: center;
}
.quickOrderForm .quantityInput input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.quickOrderForm .quantityInput input[type=number]::-webkit-inner-spin-button,
.quickOrderForm .quantityInput input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.quickOrderForm .quantityInput .MuiOutlinedInput-adornedEnd {
  padding-right: 5px;
}
.quickOrderForm .deleteIcon {
  width: 17px;
  height: 20px;
  margin-left: 24px;
  cursor: pointer;
}
.quickOrderForm .customBtn {
  margin: 40px 0 25px;
}
.quickOrderForm .clickableDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 40px 0 25px;
}
.quickOrderForm .uploadDocsLink {
  color: #004070 !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 600;
  font-family: Montserrat;
}
.quickOrderForm .addMoreItemsLink {
  color: #004e7d !important;
  cursor: pointer;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  font-family: Kanit;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  align-items: center;
}
.quickOrderForm .addMoreItemsLink .fa-plus {
  margin-right: 8px;
  color: #004e7d !important;
}
@media (min-width: 768px) {
  .quickOrderForm .addMoreItemsLink {
    width: auto;
    padding: 0;
  }
}

/*# sourceMappingURL=footer-new.css.map */