.collection-item-6 {
    width: 100%;
    max-width: 16.75rem;
    min-width: auto;
    border: 0.0625rem solid #10215c;
    border-radius: 0.4375rem;
    margin-top: 0;
    margin-bottom: 3.1125rem;
    margin-right: 0;
    padding: 1.1875rem 1.25rem 0.6875rem;
    position: relative;
}

.heading-3 {
    width: 100%;
    color: #10215c;
    text-align: center;
    margin-top: 0;
    font-family: Gotham, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 31px;
}
.columns-2 {
    margin-bottom: 2.4375rem;
    position: relative;
}

.column-7 {
    color: #747474;
}
.w-col-6 {
    width: 50%;
}
.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.list-4 {
    padding-left: 0;
    line-height: 1.875rem;
    list-style-type: none;
}

.column-8 {
    height: 5.3125rem;
}

.pricing-text {
    width: auto;
    color: #7a7a7a;
    text-align: right;
    margin-top: 1.5625rem;
    padding-top: 0;
    font-family: Gotham, sans-serif;
    font-size: .8rem;
    font-weight: 400;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0;
    right: 0.625rem;
}


.search-county-zipcode-form input[type="submit"] {
    background-color: #10215c;
    border: 0;
    color: #fff;
    font-size: 16px;
    padding: 0;
    margin-top: 10px;
    padding: 5px 20px;
}

.dumpster-search-results {
    margin-top:20px;
    flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
}

.list-4 {
    padding-left: 0;
    line-height: 1.875rem;
    list-style-type: none;
}

.dumpster-container { 
    width: 100%; 
    margin-top:20px;
} 
  
.dumpster-container h2 { 
    color: #1d2d3f; 
    font-size: 32px; 
    padding: 15px 0 20px 0; 
    text-align: left; 
    margin-left: 10%; 
} 
  
.dumpster-container h3 { 
    margin: 0% 0 2% 10%; 
    font-size: 24px; 
    color: #0C356A; 
} 
  
.price-row { 
    width: 100%; 
    margin: auto; 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    grid-gap: 30px; 
} 
  
.price-col { 
    transition: box-shadow .5s; 
    transition: transform; 
    background: #f7f7f7; 
    padding: 10% 10%; 
    border-radius: 10px; 
    color: #10215C;
    text-align: center; 
} 
  
hr { 
    padding: -10% !important; 
} 
  
.price-col:hover { 
    box-shadow: 0 0 20px rgba(9, 157, 194, 0.2); 
    transform: scale(1.04); 
} 
  
.price-col p { 
    font-size: 22px; 
} 
  
.price-col h3 { 
    color: whitesmoke; 
    font-size: 44px; 
    margin: 15px 0 20px; 
    font-weight: 500; 
} 
  
.price-col h3 span { 
    font-size: 25px; 
} 
  
.price-col ul { 
    text-align: left; 
    margin: 10px 0 30px 0; 
    color: #10215C; 
    list-style: none; 
} 
  
.price-col ul li { 
    border-bottom: 2px solid #ddd; 
    font-size: 20px; 
    padding: 8px; 
    color:#7A7A7A;
    text-align: left; 
} 
  
.price-col .blue-button { 
    background-color: #FF6720; 
    border: 1px solid white; 
    border-radius: 5px; 
    margin: 20px 0 0 0; 
    color: #fff;
    padding: 10px 25px; 
    text-align: center; 
    text-decoration: none; 
    font-size: 18px; 
} 
  
.price-col .blue-button:hover { 
    background: #10215C; 
    color: white; 
} 
  
.price-col #best { 
    background: #272829 !important; 
} 
  
.price-col p { 
    font-size: 24px !important; 
    margin-bottom: 10px; 
    margin-top: -10px; 
} 
  
.price-col #prem { 
    color: gold !important; 
    text-shadow: 1px 1px gold; 
}

/* Base Table Styling */
.responsive-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #212529;
  background-color: #fff;
}

/* Headers & Cells */
.responsive-table th,
.responsive-table td {
  padding: 12px;
  vertical-align: middle;
  border: 1px solid #dee2e6;
}

.responsive-table th {
  background-color: #f8f9fa;
  font-weight: 600;
}

/* Zebra striping */
.responsive-table tr:nth-child(odd) {
  background-color: #f2f2f2;
}

/* Image */
.responsive-table img {
  max-width: 100px;
  height: auto;
  border-radius: 4px;
}

/* Custom Button */
.btn {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  background-color: #10215c;
  text-align: center;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 0.25rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.btn:hover {
  background-color: #0d1b4e;
  text-decoration: none;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table th,
  .responsive-table td,
  .responsive-table tr {
    display: block;
  }

  .responsive-table thead {
    display: none;
  }

  .responsive-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
  }

  .responsive-table td {
    border: none;
    position: relative;
    padding-left: 50%;
  }

  .responsive-table td::before {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 45%;
    white-space: nowrap;
    font-weight: bold;
    color: #495057;
    content: attr(data-label);
  }

  .responsive-table td img {
    max-width: 80px;
  }

  .btn {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* Hide phone column on mobile */
  .responsive-table td[data-label="Phone"] {
    display: none;
  }
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
}

.dumpster-container .table {
  width: 100%;
  border-collapse: collapse;
}

.dumpster-container .table td,
.dumpster-container .table th {
  padding: 12px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #dee2e6;
}

.dumpster-container .table img {
  max-width: 100px;
  height: auto;
}

/* Mobile styles */
@media screen and (max-width: 768px) {
  .dumpster-container .table thead {
    display: none;
  }

  .dumpster-container .table,
  .dumpster-container .table tbody,
  .dumpster-container .table tr,
  .dumpster-container .table td {
    display: block;
    width: 100%;
  }

  .dumpster-container .table tr {
    margin-bottom: 1rem;
    border-bottom: 2px solid #ccc;
  }

  .dumpster-container .table td {
    text-align: right;
    padding-left: 50%;
    position: relative;
    border: none;
    border-bottom: 1px solid #eee;
  }

  .dumpster-container .table td::before {
    content: attr(data-label);
    position: absolute;
    left: 1rem;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #333;
  }

  .dumpster-container .table .btn {
    width: 100%;
    text-align: center;
    margin-top: 0.5rem;
  }

  .dumpster-container .table .phone a {
    display: block;
    text-align: center;
  }
}

.ecom .summary {
  padding: 1rem;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  background-color: white;
  border-radius: 0.2rem;
}
.ecom .summary__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  color: #213547;
  font-weight: bold;
}
.ecom .summary__cart-icon {
  width: 2rem;
}
.ecom .summary__address-header {
  display: flex;
  font-size: 14px;
  margin-bottom: 0.25rem;
  font-weight: bold;
}
.ecom .summary__address {
  display: flex;
  justify-content: space-between;
  padding-left: 25px;
}
.ecom .summary__address-text {
  font-size: 14px;
}
.ecom .summary__address-pin {
  width: 1rem;
  margin-right: 0.5rem;
}
.ecom .summary__address-edit {
  background-color: transparent;
  border: none;
  color: #213547;
  text-decoration: underline;
}
.ecom .summary__info-wrapper {
  background-color: #F9F9F9;
  border-radius: 5px;
  padding: 1rem;
  margin-top: 1rem;
}
.ecom .summary__info-header {
  margin: 0 0 1rem;
  font-size: 16px;
  border-bottom: 1px solid #DADADA;
  padding-bottom: 0.75rem;
  font-weight: bold;
}
.ecom .summary__info-product {
  color: #213547;
  background-color: #E2E9EC;
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-bottom: 0.75rem;
  font-weight: bold;
  border-radius: 30px;
}
.ecom .summary__info-price-wrapper {
  color: #213547;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
}
.ecom .summary__service-list {
  padding: 0;
  list-style-type: none;
}
.ecom .summary__service--discount > span {
  color: #CC0C39;
  font-weight: bold;
}
.ecom .summary__service-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.ecom .summary__service-item-name {
  color: #213547;
  font-weight: bold;
  font-size: 14px;
}
.ecom .summary__service-item-included {
  font-size: 14px;
}
.ecom .summary__final-cost {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
  font-size: 24px;
}
.ecom .summary__final-cost-price {
  color: #213547;
  font-weight: bold;
  margin-bottom: 30px;
}
.ecom .summary__lock-btn {
  font-size: 14px;
  margin: 0 auto 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  color: #213547;
  text-decoration: underline;
}
.ecom .summary__lock-text {
  margin-left: 8px;
}
.ecom .summary__lock-rate {
  text-align: center;
}
.ecom .summary__lock-rate-heading {
  color: #213547;
  font-size: 1.2rem;
}
.ecom .summary__lock-rate-logo {
  max-width: 250px;
}
.ecom .summary__lock-rate-link {
  color: #213547;
  text-decoration: underline;
  cursor: pointer;
}
.ecom .summary__lock-rate-icon {
  margin-right: 8px;
  vertical-align: middle;
}
.ecom .summary-wrapper {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  min-width: 350px;
  align-self: flex-start;
  margin-left: auto;
  text-align: left;
}
.ecom .summary-wrapper--confirmation {
  margin-top: 35px;
  min-width: auto;
  display: block;
}
.ecom .request-project-quote {
  display: flex;
  background: white;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.ecom .request-project-quote__avatar {
  margin-right: 1rem;
}
.ecom .request-project-quote__avatar > img {
  width: 40px;
  max-width: unset;
}
.ecom .request-project-quote__copy {
  font-size: 0.9rem;
}
.ecom .request-project-quote__copy > h3 {
  margin: 0 0 0.25rem;
  color: black;
  font-size: 1rem;
  font-weight: bold;
}
.ecom .request-project-quote__cta {
  border: 1px solid #213547 !important;
  font-weight: bold;
  display: inline-block;
  color: #213547 !important;
}
.ecom .summary-slider {
  position: sticky;
  top: 0px;
  z-index: 1000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background-color: white;
}
.ecom .summary-slider__wrapper {
  max-width: 360px;
  margin: 0 auto;
}
.ecom .summary-slider__chevron {
  border-radius: 100px;
  border: 1px solid #213547;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  cursor: pointer;
}
.ecom .summary-slider__chevron--close {
  transform: rotate(180deg);
}
.ecom .summary-slider__cart-icon-wrapper {
  margin: 0 10px 0 auto;
}
.ecom .summary-slider__cart-icon {
  max-width: 20px;
}
.ecom .summary-slider__btn, .ecom .summary-slider__close {
  max-width: 360px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  background-color: white;
  min-height: 50px;
  padding: 20px;
  font-size: 16px;
}
.ecom .summary-slider__btn {
  width: 100%;
  color: #213547;
  font-weight: bold;
  padding: 20px;
}
.ecom .summary-slider__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.ecom .summary-slider__hide-btn {
  background-color: transparent;
  border: none;
  text-decoration: underline;
  color: #213547;
}

@media only screen and (min-width: 961px) {
  .ecom .summary-slider {
    display: none;
  }
  .ecom .summary-wrapper {
    display: block;
  }
  .ecom .summary-wrapper--confirmation {
    margin-top: 0;
    display: block;
    min-width: 350px;
  }
}
.ecom .stepper {
  cursor: pointer;
  border-top: 1px solid #DADADA;
  display: flex;
  align-items: center;
  padding: 1rem 0;
  color: #DADADA;
}
.ecom .stepper__title {
  font-weight: bold;
  font-size: 18px;
  margin-right: auto;
}
.ecom .stepper__cart-size, .ecom .stepper__cart-img {
  display: none;
}
.ecom .stepper__edit {
  text-decoration: underline;
  color: #213547;
}
.ecom .stepper__number {
  margin-right: 0.5rem;
  height: 2rem;
  width: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid #DADADA;
}
.ecom .stepper__icon {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 961px) {
  .ecom .stepper__cart-img {
    padding: 3px;
    background-color: white;
    max-width: 60px;
    display: block;
    margin: 0 auto;
  }
  .ecom .stepper__cart-size {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #213547;
  }
}
.ecom .expandable-select__toggle {
  align-items: center;
  background-color: white;
  border-radius: 0.2rem;
  border: 1px solid #DADADA;
  color: #213547;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  padding: 0.75rem;
  width: 100%;
  text-align: left;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
}
.ecom .expandable-select__toggle--isOpen {
  border-color: #213547;
}
.ecom .expandable-select__toggle--value-set {
  padding: 0.5rem;
}
.ecom .expandable-select__content {
  background-color: white;
  border: 1px solid #213547;
  border-radius: 0.2rem;
  color: #213547;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.ecom .expandable-select__text {
  border: 1px solid #DADADA;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  background: #DADADA;
  border-radius: 100px;
  font-weight: bold;
  text-transform: capitalize;
}
.ecom .expandable-select__icon--isOpen {
  rotate: 180deg;
}
.ecom .expandable-select__wrapper {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.ecom .expandable-select__wrapper--rows {
  display: flex;
  flex-direction: column;
}
.ecom .expandable-select__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
  text-transform: capitalize;
  border-radius: 100px;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
}
.ecom .expandable-select__circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #213547;
  border-radius: 100px;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.ecom .expandable-select__circle-inner {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100px;
  background-color: #213547;
}
.ecom .expandable-select__input {
  display: none;
}
.ecom .expandable-select__input--isSelected {
  font-weight: bold;
  border: 1px solid #213547;
}
.ecom .expandable-select__buttons {
  display: flex;
  justify-content: space-between;
  background-color: #213547;
  padding: 0.5rem 1rem;
}

@media only screen and (min-width: 961px) {
  .ecom .expandable-select__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.ecom .date-card {
  margin-top: 1rem;
}
.ecom .date-card__header {
  color: #213547;
}
.ecom .date-card__list {
  margin-top: 0.25rem;
  list-style-type: none;
  display: flex;
  padding: 0;
  justify-content: end;
  margin-bottom: 2rem;
}
.ecom .date-card__item {
  margin-left: 0.5rem;
}
.ecom .date-card__date {
  display: block;
}
.ecom .date-card__price {
  color: #213547;
}
.ecom .date-card__button {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 4rem;
  min-width: 4rem;
  background-color: #f2f2f2;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0.25rem;
  cursor: pointer;
  border: 1px solid #DADADA;
}
.ecom .date-card__button:hover, .ecom .date-card__button--active {
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3), inset 0 0 0 2px #213547;
}
.ecom .dumpster-selection__btn-price {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.25rem;
  font-weight: normal;
}
.ecom .dumpster-selection--disabled {
  opacity: 0.15;
  cursor: not-allowed;
}
.ecom .dumpster-selection--prohibited {
  color: #E8096C !important;
}
.ecom .dumpster-selection__price-wrapper {
  text-align: right;
  width: 50%;
}
.ecom .dumpster-selection__price--strikethrough {
  text-decoration: line-through;
}
.ecom .dumpster-selection__discount {
  color: #CC0C39;
}
.ecom .dumpster-selection__price--discount {
  font-weight: bold;
}
.ecom .dumpster-selection__header {
  color: #222222;
  font-weight: bold;
  margin: 1rem 0;
  font-size:2rem;
}
.ecom .dumpster-selection__star {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.ecom .dumpster-selection__best-seller-img {
  width: 80%;
  margin-bottom: 0.5rem;
}
.ecom .dumpster-selection__no-service-card {
  font-family: system-ui;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  padding: 1rem;
  margin: 0 auto 1rem;
  text-align: center;
  background-color: white;
  border-radius: 0.2rem;
}
.ecom .dumpster-selection__no-service-card-header {
  font-family: system-ui;
  font-weight: bold;
  color: #222222;
  font-size: 1rem;
  padding: 1rem 0rem;
}
.ecom .dumpster-selection__no-service-card-copy-one {
  color: #555555;
  padding: 0.5rem 0rem;
}
.ecom .dumpster-selection__no-service-card-copy-two {
  color: #555555;
  font-weight: bold;
  padding: 0.75rem 0rem;
}
.ecom .dumpster-selection__no-service-card-phonenumber {
  display: flex;
  flex-direction: row;
  color: #007e80;
  justify-content: center;
  text-decoration: none;
}
.ecom .dumpster-selection__no-service-card-phonenumber > span {
  font-size: 1.5rem;
  font-weight: bold;
  padding-left: 0.5rem;
  color: #007e80;
}
.ecom .dumpster-selection__list {
  display: flex;
  padding: 0;
  list-style-type: none;
  margin: 0 0 1.5rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ecom .dumpster-selection__btn-wrapper {
  margin-top: auto;
  text-align: right;
}
.ecom .dumpster-selection__btn {
  font-weight: bold;
  color: #213547;
  padding: 0.8rem 1.2rem;
  font-size: 1.1rem;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  border: none;
  background-color: white;
  border-radius: 0.2rem;
  position: relative;
  width:200px;
}
.ecom .dumpster-selection__btn:hover, .ecom .dumpster-selection__btn--isSelected {
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3), inset 0 0 0 2px #213547;
}
.ecom .dumpster-selection__btn:disabled {
  cursor: not-allowed;
}
.ecom .dumpster-selection__remove-btn, .ecom .dumpster-selection__rent-btn {
  background-color: #213547;
  color: white !important;
  border: none;
  border-radius: 0.2rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 1rem 0;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
.ecom .dumpster-selection__remove-btn:disabled, .ecom .dumpster-selection__rent-btn:disabled {
  background-color: #DADADA;
  cursor: not-allowed;
}
.ecom .dumpster-selection__rent-btn {
  border: 1px solid transparent;
}
.ecom .dumpster-selection__rent-btn:hover {
  background-color: transparent;
  color: #213547 !important;
  border: 1px solid #213547;
}
.ecom .dumpster-selection__remove-btn {
  background-color: transparent;
  border: 1px solid #213547;
  color: #213547 !important;
}
.ecom .dumpster-selection__card {
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  padding: 1rem;
  margin: 0 auto 1rem;
  text-align: left;
  background-color: white;
  border-radius: 0.2rem;
  min-height: 23rem;
}
.ecom .dumpster-selection__card-inner {
  display: flex;
}
.ecom .dumpster-selection__img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.ecom .dumpster-selection__img--prohibited {
  margin-right: 0.25rem;
}
.ecom .dumpster-selection__card-header {
  color: #213547;
  font-weight: bold;
  margin: 0 0 0.25rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.ecom .dumpster-selection__card-sub-header {
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 0;
}
.ecom .dumpster-selection__info-wrapper {
  width: 50%;
}
.ecom .dumpster-selection__card-text {
  font-size: 0.9rem;
  color: #7D7D7D;
}
.ecom .dumpster-selection__card-text--small {
  color: #7D7D7D;
  font-weight: normal;
  font-size: 0.75rem;
}
.ecom .dumpster-selection__card-list {
  font-size: 1.5rem;
  padding: 0;
  margin: 0 0 1rem;
  list-style-type: none;
  line-height: 1.5;
}
.ecom .dumpster-selection__card-list--gray {
  color: #7D7D7D;
}

@media only screen and (min-width: 961px) {
  .ecom .dumpster-selection__btn {
    padding: 1rem 1.6rem;
  }
  .ecom .dumpster-selection__card-header {
    margin-top: 0;
    flex-direction: column;
  }
  .ecom .dumpster-selection__card-list {
    margin: 0;
  }
  .ecom .dumpster-selection__header-text {
    margin-bottom: 0.2rem;
  }
  .ecom .dumpster-selection__btn-wrapper {
    grid-area: rent;
    align-self: end;
  }
}
.ecom .modal {
  z-index: 2000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ecom .modal__wrapper {
  max-width: 360px;
  background-color: white;
  border-radius: 0.2rem;
  width: 100%;
  height: fit-content;
}
.ecom .modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  flex-direction: column;
  padding: 2rem;
  text-align: center;
}
.ecom .modal__close-wrapper {
  position: relative;
}
.ecom .modal__close-btn {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem;
}
.ecom .modal__close-btn img {
  width: 1rem;
}
.ecom .edit-location-modal__heading {
  color: #213547;
  font-weight: bold;
}
.ecom .edit-location-modal__desc {
  text-align: center;
}
.ecom .edit-location-modal__form {
  width: 100%;
  margin-bottom: 0;
}
.ecom .edit-location-modal .themeLogo {
  margin-bottom: 1rem;
}
.ecom .edit-location-modal .btn {
  padding: 1rem 2rem;
  max-width: unset;
}
.ecom .edit-location-modal .button__wrapper {
  display: flex;
}
.ecom .edit-location-modal .button__wrapper .btn:nth-child(1) {
  width: 50%;
  margin-right: 1rem;
  border: 1px solid;
  background-color: white;
  border-color: #213547;
  color: #213547;
  font-size: 1rem;
}
.ecom .lockrate-modal {
  line-height: 1.5;
}
.ecom .lockrate-modal__img {
  max-width: 260px;
}
.ecom .lockrate-modal__heading {
  color: #213547;
  margin-bottom: 12px;
}
.ecom .lockrate-modal__close {
  border: 1px solid;
  background-color: white;
  border-color: #213547;
  color: #213547;
  font-size: 1rem;
  padding: 1rem;
}
.ecom .lockrate-modal__phone {
  color: #007e80;
  font-weight: bold;
}
.ecom .salesforce-modal-error__heading {
  color: #213547;
  margin-bottom: 12px;
}
.ecom .salesforce-modal-error__img {
  max-width: 260px;
}
.ecom .salesforce-modal-error__phone {
  color: #007e80;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.35rem;
}
.ecom .session-timeout-modal__img {
  max-width: 260px;
}
.ecom .session-timeout-modal__close {
  width: 168px !important;
  padding: 1rem !important;
  white-space: nowrap;
  margin: 0.5rem !important;
}
.ecom .session-timeout-modal__close:nth-child(1) {
  border: 1px solid #213547;
  background-color: white;
  color: #213547;
}
.ecom .session-timeout-modal__cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ecom .payment-modal-error__heading {
  color: #213547;
  margin-bottom: 12px;
}
.ecom .payment-modal-error__img {
  max-width: 260px;
}
.ecom .payment-modal-error__phone {
  color: #007e80;
  font-weight: bold;
  text-decoration: none;
}
.ecom .payment-modal-error__resubmit {
  border: 1px solid #135b78;
  padding: 0.5rem 1rem;
  background: none;
  font-weight: bold;
  color: #213547;
  display: flex;
  margin: 0 auto;
}
.ecom .payment-modal-error__resubmit img {
  margin-right: 0.5rem;
}
.ecom .onpoint-modal .modal__content {
  padding: 0;
  height: 100%;
  background-color: #222222;
}
.ecom .onpoint-modal .modal__wrapper {
  max-width: none;
  height: 100%;
  background-color: #F9F9F9;
}
.ecom .onpoint-modal .equipment-map {
  padding: 0;
  margin: 0;
  height: 90%;
}
.ecom .onpoint-modal .equipment-map .bdmap {
  height: 100%;
}
.ecom .onpoint-modal .equipment-map .bd-heading {
  padding: 0.25rem 3rem 1.35rem 1.2rem;
}
.ecom .onpoint-modal .modal__close-btn {
  z-index: 1;
  top: 20px;
}

@media only screen and (min-width: 961px) {
  .ecom .modal__wrapper {
    max-width: 500px;
  }
}
.ecom .zip-search {
  display: flex;
  flex-direction: column;
}
.ecom .zip-search__error {
  color: #E8096C;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.85rem;
}
.ecom .zip-search__helper {
  display: block;
  margin-top: 6px;
  font-style: italic;
}
.ecom .autocomplete--active {
  border: 1px solid #007e80 !important;
}
.ecom .search__continue-btn {
  border-radius: 3px;
  background-color: #007e80;
  border: none;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.ecom .search__continue-btn:disabled {
  background-color: #DADADA;
  cursor: not-allowed !important;
}
.ecom .search__continue-btn-text {
  margin-right: 10px;
}
.ecom .search__continue-btn:hover {
  cursor: pointer;
}

.ecom .projects {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 10px;
  margin-bottom: 16px;
}
.ecom .projects--two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ecom .projects__label {
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 90px;
  position: relative;
}
.ecom .projects__label:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 2px #213547;
}
.ecom .projects__label--isSelected {
  font-weight: bold;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 2px #213547;
}
.ecom .projects__label--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ecom .projects__label--disabled:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
.ecom .projects__radio {
  opacity: 0;
  position: absolute;
  bottom: 0;
}
.ecom .projects__text {
  padding-top: 0;
  margin: 0;
  font-size: 12px;
  color: #213547;
}

@media only screen and (min-width: 961px) {
  .ecom .projects--two-column {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ecom .details {
  display: none;
  cursor: pointer;
  border: 1px solid #DADADA;
  border-radius: 0.2rem;
  background-color: white;
  font-size: 14px;
}
.ecom .details__header {
  letter-spacing: -0.3px;
}
.ecom .details__text {
  padding: 0 1rem;
}
.ecom .details__list {
  padding-left: inherit;
  line-height: 2;
}
.ecom .details__summary {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ecom .details__summary::-webkit-details-marker {
  display: none;
}
.ecom .details__icon {
  height: 1rem;
  margin: 0 1rem;
}
.ecom .details__content {
  padding: 1rem;
}
.ecom .details[open] .details__arrow {
  transform: rotate(180deg);
}

@media only screen and (min-width: 961px) {
  .ecom .details {
    display: block;
  }
}
.ecom .materials-accordion {
  cursor: pointer;
  border: 1px solid #DADADA;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  background-color: white;
}
.ecom .materials-accordion__summary {
  padding: 10px;
  list-style: none;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.ecom .materials-accordion__summary::-webkit-details-marker {
  display: none;
}
.ecom .materials-accordion__icon {
  margin-right: 15px;
  width: 22px;
  height: 24px;
}
.ecom .materials-accordion__content {
  text-align: left;
  padding: 10px;
}
.ecom .materials-accordion__arrow {
  padding-left: 20px;
  margin-left: auto;
}
.ecom .materials-accordion[open] .materials-accordion__arrow {
  transform: rotate(180deg);
  padding-right: 20px;
  padding-left: 0;
}

.ecom .price-lock {
  padding: 20px;
  margin: 40px 0 0;
  text-align: left;
  color: #84C242;
  border: 1px solid #84C242;
  background-color: RGBA(132, 194, 66, 0.15);
  border-radius: 3px;
  display: flex;
  font-size: 13px;
}
.ecom .price-lock__img {
  margin-right: 10px;
}
.ecom .price-lock-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.ecom .price-lock-modal label, .ecom .price-lock-modal input, .ecom .price-lock-modal form {
  width: 100%;
  position: relative;
}
.ecom .price-lock-modal__description {
  margin: 10px 0;
  color: #555555;
}
.ecom .price-lock-modal__note {
  font-size: 14px;
}
.ecom .price-lock-modal__disclaimer {
  color: #555555;
}
.ecom .price-lock-modal__save {
  max-width: none !important;
}
.ecom .price-lock-modal__save-icon {
  margin-left: 32px !important;
}
.ecom .price-lock-modal__icon {
  position: absolute;
  right: 12px;
  width: 32px;
  top: 35%;
  opacity: 0.5;
}

@media only screen and (min-width: 961px) {
  .ecom .price-lock {
    margin: 30px 0;
  }
}
.ecom .service-fomo {
  padding: 1rem;
  margin: 2rem 0 0;
  text-align: left;
  color: #84C242;
  border: 1px solid #84C242;
  background-color: RGBA(132, 194, 66, 0.15);
  border-radius: 0.2rem;
  display: flex;
  font-size: 13px;
}
.ecom .service-fomo__img {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 961px) {
  .ecom .service-fomo {
    margin: 2rem 0;
  }
}
.ecom .dismissable {
  text-align: left;
  border: 1px solid #DADADA;
  margin: 10px 0;
  display: flex;
  align-items: center;
  padding: 6px;
  font-size: 13px;
}
.ecom .dismissable.pro-tips {
  align-items: flex-start;
  border-color: #007e80;
  padding: 1rem;
}
.ecom .dismissable.pro-tips a {
  color: #213547;
}
.ecom .dismissable.pro-tips .pro-tips__phone {
  color: #213547;
}
.ecom .dismissable.pro-tips p {
  line-height: 1.5;
}
.ecom .dismissable.pro-tips .dismissable__icon {
  width: 48px;
  height: 48px;
  margin-left: 0;
}
.ecom .dismissable.pro-tips--warning a {
  color: #007e80;
}
.ecom .dismissable--warning {
  border-color: #E8096C;
}
.ecom .dismissable--hide {
  display: none;
}
.ecom .dismissable__close {
  margin: 0 0 0 auto;
  cursor: pointer;
}
.ecom .dismissable__icon {
  height: 14px;
  margin: 0 16px;
}
.ecom .dismissable__icon-warn {
  margin: 0 10px;
}

.ecom .checkbox {
  margin: 0 0 1rem;
  font-size: 14px;
}
.ecom .checkbox__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.ecom .checkbox__label-top-align {
  align-items: start;
}
.ecom .checkbox__input {
  opacity: 0;
  position: absolute;
}
.ecom .checkbox__text {
  margin-left: 1rem;
}
.ecom .checkbox__check-img {
  min-width: 20px;
  height: 20px;
}
.ecom .checkbox__fauxbox {
  min-width: 20px;
  height: 20px;
  border: 1px solid #213547;
  background: white;
}
.ecom .checkbox__list {
  margin: 0.5rem 0 0;
  padding-left: 1rem;
  line-height: 1.5;
}

.ecom p {
  margin: 0;
}
.ecom button {
  cursor: pointer;
}
.ecom a {
  color: #fff;
  font-size: 2rem;
  text-decoration: underline;
}
.ecom.body {
  margin: 0 auto;
  color: #222222;
  font-family: Lato, sans-serif;
  background-color: #F9F9F9;
}
.ecom input {
  scroll-margin-top: 6rem;
}
.ecom .input,
.ecom .textbox {
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
  padding: 0.75rem 0.75rem;
  border: 1px solid #DADADA;
  border-radius: 0.2rem;
  width: 100%;
  color: #222222;
  background-color: white;
  text-align: left;
  font-family: unset;
  font-size: 16px;
  line-height: 1;
  margin-top: 0.5rem;
}
.ecom .input__without-label,
.ecom .textbox__without-label {
  margin-top: 0;
}
.ecom .input__icon--left,
.ecom .textbox__icon--left {
  position: absolute;
  left: 0px;
  height: 100%;
  padding: 0.5rem;
}
.ecom .input__icon--right,
.ecom .textbox__icon--right {
  position: absolute;
  right: 0;
  height: 100%;
  padding: 0.5rem;
}
.ecom .input__with-icon--left,
.ecom .textbox__with-icon--left {
  padding-left: 3rem;
}
.ecom .input__with-icon--right,
.ecom .textbox__with-icon--right {
  padding-right: 2rem;
}
.ecom .input__with-error,
.ecom .textbox__with-error {
  border: 1px solid #E8096C;
}
.ecom .input__accessories,
.ecom .textbox__accessories {
  display: flex;
  justify-content: space-between;
}
.ecom .input__message,
.ecom .textbox__message {
  display: flex;
  align-items: flex-start;
  font-size: 0.8rem;
}
.ecom .input__status-icon,
.ecom .textbox__status-icon {
  height: 1rem;
  margin-right: 0.25rem;
}
.ecom .input__btn,
.ecom .textbox__btn {
  margin-left: auto;
  width: 20% !important;
}
.ecom .input::placeholder,
.ecom .textbox::placeholder {
  color: #555555;
  font-size: 16px;
}
.ecom .opacity-20 {
  opacity: 0.2;
}
.ecom .textbox, .ecom .textarea {
  min-height: 120px;
  width: 100%;
}
.ecom .fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.ecom .legend {
  width: 100%;
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: bold;
  color: #222222;
}
.ecom .label {
  display: block;
  color: #222222;
  font-size: 16px;
  margin-bottom: 1rem;
}
.ecom .label__wrapper {
  position: relative;
}
.ecom .mt-1 {
  margin-top: 1rem;
}
.ecom .mt-2 {
  margin-top: 2rem;
}
.ecom .mt-3 {
  margin-top: 3rem;
}
.ecom .mb-0 {
  margin-bottom: 0;
}
.ecom .mb-1 {
  margin-bottom: 1rem;
}
.ecom .mb-2 {
  margin-bottom: 2rem;
}
.ecom .mb-3 {
  margin-bottom: 3rem;
}
.ecom .pt-1 {
  padding-top: 1rem;
}
.ecom .pt-2 {
  padding-top: 2rem;
}
.ecom .pt-3 {
  padding-top: 3rem;
}
.ecom .pb-1 {
  padding-bottom: 1rem;
}
.ecom .pb-2 {
  padding-bottom: 2rem;
}
.ecom .pb-3 {
  padding-bottom: 3rem;
}

@media only screen and (min-width: 961px) {
  .ecom.body {
    padding-top: 2rem;
  }
}
.ecom .btn {
  border-radius: 0.2rem;
  text-decoration: none;
}
.ecom .btn--primary {
  background-color: #213547;
  color: white;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  padding: 16px 0;
  display: block;
  width: 100%;
}
.ecom .btn--primary:hover {
  background-color: transparent;
  color: #213547;
  border: 1px solid #213547;
}
.ecom .btn--secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #10215c;
  padding: 10px 30px;
  color: white;
  border-radius: 3px;
  border: none;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}
.ecom .btn--secondary img {
  margin-left: 5px;
}
.ecom .btn--small {
  max-width: 50%;
}
.ecom .btn--ghost {
  background-color: transparent;
  border: none;
  color: white;
  font-size: 14px;
  padding: 10px;
}
.ecom .btn--tertiary {
  background-color: white;
  border: none;
  color: #213547;
  font-size: 14px;
  padding: 10px;
}
.ecom .btn:disabled {
  background-color: #DADADA;
  cursor: not-allowed;
}

@media only screen and (min-width: 961px) {
  .ecom .btn--secondary {
    max-width: 300px;
  }
}
.ecom .dp__selection_preview {
  display: none;
}
.ecom .dp__clear_icon {
  display: none !important;
}
.ecom .dp__input_icon {
  right: 0 !important;
  left: auto !important;
}
.ecom .dp__active_date {
  background: #213547 !important;
  border-radius: 30px !important;
}
.ecom .dp__today {
  border-color: #213547 !important;
  border-radius: 30px !important;
}
.ecom .dp__menu {
  min-width: 360px !important;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3) !important;
}
.ecom .dp__action_buttons {
  display: flex;
  width: 100% !important;
  justify-content: space-around;
}
.ecom .dp__button {
  display: none !important;
}
.ecom .dp__select {
  background-color: #213547 !important;
  color: white !important;
  padding: 10px !important;
}
.ecom .dp__cancel {
  color: #213547 !important;
  padding: 10px !important;
}

:root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
  --dp-direction: ltr ;
}

.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff);
  --dp-loader: 5px solid #005cb2 ;
}

.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-border-color-focus: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2 ;
}

.dp__input_wrap {
  position: relative;
  width: 100%;
  box-sizing: unset;
}

.dp__input_wrap:focus {
  border-color: var(--dp-border-color-hover);
  outline: none;
}

.dp__input_valid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color: var(--dp-success-color);
}

.dp__input_valid:hover {
  border-color: var(--dp-success-color);
}

.dp__input_invalid {
  box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color: var(--dp-danger-color);
}

.dp__input_invalid:hover {
  border-color: var(--dp-danger-color);
}

.dp__input {
  background-color: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  font-family: var(--dp-font-family);
  border: 1px solid var(--dp-border-color);
  outline: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  font-size: var(--dp-font-size);
  padding: var(--dp-input-padding);
  color: var(--dp-text-color);
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0.75rem 0.75rem !important;
  margin-top: 0.25rem;
}

.dp__input::placeholder {
  opacity: 0.7;
}

.dp__input:hover:not(.dp__input_focus) {
  border-color: var(--dp-border-color-hover);
}

.dp__input_reg {
  caret-color: rgba(0, 0, 0, 0);
}

.dp__input_focus {
  border-color: var(--dp-border-color-focus);
}

.dp__disabled {
  background: var(--dp-disabled-color);
}

.dp__disabled::placeholder {
  color: var(--dp-disabled-color-text);
}

.dp__input_icons {
  display: inline-block;
  width: var(--dp-font-size);
  height: var(--dp-font-size);
  stroke-width: 0;
  font-size: var(--dp-font-size);
  line-height: calc(var(--dp-font-size) * 1.5);
  padding: 6px 12px;
  color: var(--dp-icon-color);
  box-sizing: content-box;
}

.dp__input_icon {
  cursor: pointer;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
  color: var(--dp-icon-color);
}

.dp--clear-btn {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--dp-icon-color);
  background: rgba(0, 0, 0, 0);
  border: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
}

.dp__input_icon_pad {
  padding-inline-start: var(--dp-input-icon-padding);
}

.dp__menu {
  background: var(--dp-background-color);
  border-radius: var(--dp-border-radius);
  min-width: var(--dp-menu-min-width);
  font-family: var(--dp-font-family);
  font-size: var(--dp-font-size);
  user-select: none;
  border: 1px solid var(--dp-menu-border-color);
  box-sizing: border-box;
}

.dp__menu::after {
  box-sizing: border-box;
}

.dp__menu::before {
  box-sizing: border-box;
}

.dp__menu:focus {
  border: 1px solid var(--dp-menu-border-color);
  outline: none;
}

.dp--menu-wrapper {
  position: absolute;
  z-index: 99999;
}

.dp__menu_inner {
  padding: var(--dp-menu-padding);
}

.dp--menu--inner-stretched {
  padding: 6px 0;
}

.dp__menu_index {
  z-index: 99999;
}

.dp-menu-loading,
.dp__menu_readonly,
.dp__menu_disabled {
  position: absolute;
  inset: 0;
  z-index: 999999;
}

.dp__menu_disabled {
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.dp__menu_readonly {
  background: rgba(0, 0, 0, 0);
  cursor: default;
}

.dp-menu-loading {
  background: rgba(255, 255, 255, 0.5);
  cursor: default;
}

.dp--menu-load-container {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.dp--menu-loader {
  width: 48px;
  height: 48px;
  border: var(--dp-loader);
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: dp-load-rotation 1s linear infinite;
  position: absolute;
}

@keyframes dp-load-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dp__arrow_top {
  left: var(--dp-arrow-left);
  top: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-top: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.dp__arrow_bottom {
  left: var(--dp-arrow-left);
  bottom: 0;
  height: 12px;
  width: 12px;
  background-color: var(--dp-background-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-menu-border-color);
  border-bottom: 1px solid var(--dp-menu-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__action_extra {
  text-align: center;
  padding: 2px 0;
}

.dp--preset-dates {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

@media only screen and (width <= 600px) {
  .dp--preset-dates {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
  }
}
.dp--preset-dates-collapsed {
  display: flex;
  align-self: center;
  border: none;
  overflow-x: auto;
  max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}

.dp__sidebar_left {
  padding: 5px;
  border-inline-end: 1px solid var(--dp-border-color);
}

.dp__sidebar_right {
  padding: 5px;
  margin-inline-end: 1px solid var(--dp-border-color);
}

.dp--preset-range {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: left;
  white-space: nowrap;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  transition: var(--dp-common-transition);
}

.dp--preset-range:hover {
  background-color: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  cursor: pointer;
}

@media only screen and (width <= 600px) {
  .dp--preset-range {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
  }
  .dp--preset-range:first-child {
    margin-left: 0;
  }
  .dp--preset-range:last-child {
    margin-right: 0;
  }
}
.dp--preset-range-collapsed {
  border: 1px solid var(--dp-border-color);
  margin: 0 3px;
}

.dp--preset-range-collapsed:first-child {
  margin-left: 0;
}

.dp--preset-range-collapsed:last-child {
  margin-right: 0;
}

.dp__menu_content_wrapper {
  display: flex;
}

@media only screen and (width <= 600px) {
  .dp__menu_content_wrapper {
    flex-direction: column-reverse;
  }
}
.dp--menu-content-wrapper-collapsed {
  flex-direction: column-reverse;
}

.dp__calendar_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--dp-text-color);
  white-space: nowrap;
  font-weight: bold;
}

.dp__calendar_header_item {
  text-align: center;
  flex-grow: 1;
  height: var(--dp-cell-size);
  padding: var(--dp-cell-padding);
  width: var(--dp-cell-size);
  box-sizing: border-box;
}

.dp__calendar_row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--dp-row-margin);
}

.dp__calendar_item {
  text-align: center;
  flex-grow: 1;
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp__calendar {
  position: relative;
}

.dp__calendar_header_cell {
  border-bottom: thin solid var(--dp-border-color);
  padding: var(--dp-calendar-header-cell-padding);
}

.dp__cell_inner {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: var(--dp-cell-border-radius);
  height: var(--dp-cell-size);
  width: var(--dp-cell-size);
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  position: relative;
}

.dp__cell_inner:hover {
  transition: all 0.2s;
}

.dp__cell_auto_range_start,
.dp__date_hover_start:hover,
.dp__range_start {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}

.dp__cell_auto_range_end,
.dp__date_hover_end:hover,
.dp__range_end {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.dp__range_end,
.dp__range_start,
.dp__active_date {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__date_hover_end:hover,
.dp__date_hover_start:hover,
.dp__date_hover:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__cell_offset {
  color: var(--dp-secondary-color);
}

.dp__cell_disabled {
  color: var(--dp-secondary-color);
  cursor: not-allowed;
}

.dp__range_between {
  background: var(--dp-range-between-dates-background-color);
  color: var(--dp-range-between-dates-text-color);
  border-radius: 0;
  border: 1px solid var(--dp-range-between-border-color);
}

.dp__range_between_week {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border-radius: 0;
  border-top: 1px solid var(--dp-primary-color);
  border-bottom: 1px solid var(--dp-primary-color);
}

.dp__today {
  border: 1px solid var(--dp-primary-color);
}

.dp__week_num {
  color: var(--dp-secondary-color);
  text-align: center;
}

.dp__cell_auto_range {
  border-radius: 0;
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_start {
  border-start-start-radius: var(--dp-cell-border-radius);
  border-end-start-radius: var(--dp-cell-border-radius);
  border-inline-start: 1px dashed var(--dp-primary-color);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
}

.dp__cell_auto_range_end {
  border-start-end-radius: var(--dp-cell-border-radius);
  border-end-end-radius: var(--dp-cell-border-radius);
  border-top: 1px dashed var(--dp-primary-color);
  border-bottom: 1px dashed var(--dp-primary-color);
  border-inline-end: 1px dashed var(--dp-primary-color);
}

.dp__calendar_header_separator {
  width: 100%;
  height: 1px;
  background: var(--dp-border-color);
}

.dp__calendar_next {
  margin-inline-start: var(--dp-multi-calendars-spacing);
}

.dp__marker_line,
.dp__marker_dot {
  height: 5px;
  background-color: var(--dp-marker-color);
  position: absolute;
  bottom: 0;
}

.dp__marker_dot {
  width: 5px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.dp__marker_line {
  width: 100%;
  left: 0;
}

.dp__marker_tooltip {
  position: absolute;
  border-radius: var(--dp-border-radius);
  background-color: var(--dp-tooltip-color);
  padding: 5px;
  border: 1px solid var(--dp-border-color);
  z-index: 99999;
  box-sizing: border-box;
  cursor: default;
}

.dp__tooltip_content {
  white-space: nowrap;
}

.dp__tooltip_text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  color: var(--dp-text-color);
}

.dp__tooltip_mark {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--dp-text-color);
  color: var(--dp-text-color);
  margin-inline-end: 5px;
}

.dp__arrow_bottom_tp {
  bottom: 0;
  height: 8px;
  width: 8px;
  background-color: var(--dp-tooltip-color);
  position: absolute;
  border-inline-end: 1px solid var(--dp-border-color);
  border-bottom: 1px solid var(--dp-border-color);
  transform: translate(-50%, 50%) rotate(45deg);
}

.dp__instance_calendar {
  position: relative;
  width: 100%;
}

@media only screen and (width <= 600px) {
  .dp__flex_display {
    flex-direction: column;
  }
}
.dp--flex-display-collapsed {
  flex-direction: column;
}

.dp__cell_highlight {
  background-color: var(--dp-highlight-color);
}

.dp__month_year_row {
  display: flex;
  align-items: center;
  height: var(--dp-month-year-row-height);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp__inner_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--dp-month-year-row-button-size);
  width: var(--dp-month-year-row-button-size);
  color: var(--dp-icon-color);
  text-align: center;
  border-radius: 50%;
}

.dp__inner_nav svg {
  height: var(--dp-button-icon-height);
  width: var(--dp-button-icon-height);
}

.dp__inner_nav:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

[dir=rtl] .dp__inner_nav {
  transform: rotate(180deg);
}

.dp__inner_nav_disabled:hover,
.dp__inner_nav_disabled {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp--year-select,
.dp__month_year_select {
  text-align: center;
  cursor: pointer;
  height: var(--dp-month-year-row-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dp-border-radius);
  box-sizing: border-box;
  color: var(--dp-text-color);
}

.dp--year-select:hover,
.dp__month_year_select:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__month_year_select {
  width: 50%;
}

.dp--year-select {
  width: 100%;
}

.dp__month_year_wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.dp__year_disable_select {
  justify-content: space-around;
}

.dp--header-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.dp__overlay {
  width: 100%;
  background: var(--dp-background-color);
  transition: opacity 1s ease-out;
  z-index: 99999;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
  box-sizing: border-box;
}

.dp--overlay-absolute {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.dp--overlay-relative {
  position: relative;
}

.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow: var(--dp-scroll-bar-background);
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar {
  width: 5px;
  background-color: var(--dp-scroll-bar-background);
}

.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color: var(--dp-scroll-bar-color);
  border-radius: 10px;
}

.dp__overlay:focus {
  border: none;
  outline: none;
}

.dp__container_flex {
  display: flex;
}

.dp__container_block {
  display: block;
}

.dp__overlay_container {
  flex-direction: column;
  overflow-y: auto;
  height: var(--dp-overlay-height);
}

.dp__time_picker_overlay_container {
  height: 100%;
}

.dp__overlay_row {
  padding: 0;
  box-sizing: border-box;
  display: flex;
  margin-inline: auto auto;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  align-items: center;
}

.dp__flex_row {
  flex: 1;
}

.dp__overlay_col {
  box-sizing: border-box;
  width: 33%;
  padding: var(--dp-overlay-col-padding);
  white-space: nowrap;
}

.dp__overlay_cell_pad {
  padding: var(--dp-common-padding) 0;
}

.dp__overlay_cell_active {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp__overlay_cell {
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  text-align: center;
}

.dp__overlay_cell:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp__cell_in_between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__over_action_scroll {
  right: 5px;
  box-sizing: border-box;
}

.dp__overlay_cell_disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_disabled:hover {
  background: var(--dp-disabled-color);
}

.dp__overlay_cell_active_disabled {
  cursor: not-allowed;
  background: var(--dp-primary-disabled-color);
}

.dp__overlay_cell_active_disabled:hover {
  background: var(--dp-primary-disabled-color);
}

.dp__btn,
.dp--qr-btn,
.dp--time-invalid,
.dp--time-overlay-btn {
  border: none;
  font: inherit;
  transition: var(--dp-common-transition);
  line-height: normal;
}

.dp--year-mode-picker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}

.dp--tp-wrap {
  max-width: var(--dp-menu-min-width);
}

.dp__time_input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-family: var(--dp-font-family);
  color: var(--dp-text-color);
}

.dp__time_col_reg_block {
  padding: 0 20px;
}

.dp__time_col_reg_inline {
  padding: 0 10px;
}

.dp__time_col_reg_with_button {
  padding: 0 15px;
}

.dp__time_col_sec {
  padding: 0 10px;
}

.dp__time_col_sec_with_button {
  padding: 0 5px;
}

.dp__time_col {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dp__time_col_block {
  font-size: var(--dp-time-font-size);
}

.dp__time_display_block {
  padding: 0 3px;
}

.dp__time_display_inline {
  padding: 5px;
}

.dp__time_picker_inline_container {
  display: flex;
  width: 100%;
  justify-content: center;
}

.dp__inc_dec_button {
  padding: 5px;
  margin: 0;
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: var(--dp-icon-color);
  box-sizing: border-box;
}

.dp__inc_dec_button svg {
  height: var(--dp-time-inc-dec-button-size);
  width: var(--dp-time-inc-dec-button-size);
}

.dp__inc_dec_button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-primary-color);
}

.dp__time_display {
  cursor: pointer;
  color: var(--dp-text-color);
  border-radius: var(--dp-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dp__time_display:hover:enabled {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__inc_dec_button_inline {
  width: 100%;
  padding: 0;
  height: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.dp__inc_dec_button_disabled,
.dp__inc_dec_button_disabled:hover {
  background: var(--dp-disabled-color);
  color: var(--dp-disabled-color-text);
  cursor: not-allowed;
}

.dp__pm_am_button {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
  border: none;
  padding: var(--dp-common-padding);
  border-radius: var(--dp-border-radius);
  cursor: pointer;
}

.dp__tp_inline_btn_bar {
  width: 100%;
  height: 4px;
  background-color: var(--dp-secondary-color);
  transition: var(--dp-common-transition);
  border-collapse: collapse;
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color: var(--dp-primary-color);
  transform: rotate(-12deg) scale(1.15) translateY(-2px);
}

.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color: var(--dp-primary-color);
  transform: rotate(12deg) scale(1.15) translateY(-2px);
}

.dp--time-overlay-btn {
  background: none;
}

.dp--time-invalid {
  background-color: var(--dp-disabled-color);
}

.dp__action_row {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--dp-action-row-padding);
  box-sizing: border-box;
  color: var(--dp-text-color);
  flex-flow: row nowrap;
}

.dp__action_row svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__selection_preview {
  display: block;
  color: var(--dp-text-color);
  font-size: var(--dp-preview-font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dp__action_buttons {
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
}

.dp__action_button {
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: var(--dp-action-buttons-padding);
  line-height: var(--dp-action-button-height);
  margin-inline-start: 3px;
  height: var(--dp-action-button-height);
  cursor: pointer;
  border-radius: var(--dp-border-radius);
  font-size: var(--dp-preview-font-size);
  font-family: var(--dp-font-family);
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
}

.dp__action_cancel {
  color: var(--dp-text-color);
  border: 1px solid var(--dp-border-color);
}

.dp__action_cancel:hover {
  border-color: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_buttons .dp__action_select {
  background: #213547 !important;
  color: var(--dp-primary-text-color);
}

.dp__action_buttons .dp__action_select:hover {
  background: var(--dp-primary-color);
  transition: var(--dp-action-row-transtion);
}

.dp__action_buttons .dp__action_select:disabled {
  background: var(--dp-primary-disabled-color);
  cursor: not-allowed;
}

.dp-quarter-picker-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: var(--dp-menu-min-width);
}

.dp--qr-btn-disabled {
  cursor: not-allowed;
  background: var(--dp-disabled-color);
}

.dp--qr-btn-disabled:hover {
  background: var(--dp-disabled-color);
}

.dp--qr-btn {
  width: 100%;
  padding: var(--dp-common-padding);
}

.dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
  background: none;
}

.dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
  transition: var(--dp-common-transition);
}

.dp--quarter-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
}

.dp--qr-btn-active {
  background: var(--dp-primary-color);
  color: var(--dp-primary-text-color);
}

.dp--qr-btn-between {
  background: var(--dp-hover-color);
  color: var(--dp-hover-text-color);
}

.dp__btn,
.dp--time-overlay-btn,
.dp--time-invalid,
.dp--qr-btn {
  border: none;
  font: inherit;
  transition: var(--dp-common-transition);
  line-height: normal;
}

.dp--year-mode-picker {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  height: var(--dp-cell-size);
}

.dp__flex {
  display: flex;
  align-items: center;
}

.dp__btn {
  background: none;
}

.dp__main {
  font-family: var(--dp-font-family);
  user-select: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}

.dp__main * {
  direction: var(--dp-direction, ltr);
}

.dp__pointer {
  cursor: pointer;
  padding-left: 0;
}

.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}

.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  place-content: center center;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
}

.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}

.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}

.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}

.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}

.dp__flex_display {
  display: flex;
}

.dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}

.dp__relative {
  position: relative;
}

.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}

.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.calendar-next-leave-to {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}

.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-active,
.dp-menu-appear-bottom-leave-active,
.dp-menu-appear-top-enter-active,
.dp-menu-appear-top-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}

.dp-menu-appear-top-enter-from,
.dp-menu-appear-top-leave-to,
.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}

.dp-menu-appear-bottom-enter-from,
.dp-menu-appear-bottom-leave-to,
.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}

.dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
}

.dp--highlighted {
  background-color: var(--dp-highlight-color);
}

.dp--hidden-el {
  visibility: hidden;
}

.ecom .datepicker-modal {
  z-index: 2000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.ecom .datepicker-modal__wrapper {
  max-width: 90%;
  padding: 10px;
  background-color: white;
  border-radius: 3px;
  width: 100%;
  max-width: 500px;
}
.ecom .datepicker-modal__footer {
  background-color: #213547;
  margin: 0 -10px -10px -10px;
  padding: 15px 0;
  display: flex;
  justify-content: space-around;
}

@media only screen and (min-width: 961px) {
  .ecom .modal__wrapper {
    max-width: 500px;
  }
}
.ecom .payment-form__cardnumber {
  display: flex;
  flex-direction: column;
}
.ecom .payment-form__cardnumber > input {
  margin-bottom: 1rem;
}
.ecom .payment-form__creditcards {
  float: right;
  margin-top: 8px;
}
.ecom .payment-form__helper {
  display: block;
  margin-top: 6px;
  font-style: italic;
}
.ecom .payment-form__card-details {
  margin-top: 0.5rem;
  display: flex;
  margin-bottom: 0.5rem;
}
.ecom .payment-form__card-cvc {
  max-width: 35%;
  margin-left: 1rem;
}
.ecom .payment-form__infolink, .ecom .payment-form__wastepay-badge {
  text-align: right;
}
.ecom .payment-form__infolink {
  color: #213547;
  text-decoration: underline;
}
.ecom .payment-form__submit-btn {
  width: 100%;
  padding: 1rem 0;
  color: white;
  background-color: #007e80;
  font-size: 18px;
  border: 0;
  font-weight: bold;
}
.ecom .payment-form__submit-btn:disabled {
  background-color: #DADADA;
}
.ecom .payment-form__submit-btn > img {
  margin-right: 0.5rem;
}
.ecom .payment-form__submit-btn > * {
  vertical-align: middle;
}
.ecom .payment-form .infobox {
  background-color: white;
  border: 1px solid #DADADA;
  padding: 1rem;
  font-size: 14px;
  line-height: 1.5;
  max-height: 180px;
  overflow-y: scroll;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 961px) {
  .ecom .payment-form__card-cvc {
    max-width: 50%;
  }
}
.ecom .confirmation-checkbox {
  line-height: 1.4;
  display: flex;
}
.ecom .confirmation-checkbox__box {
  margin: 0 1em 0 0;
  width: 20px;
  height: 20px;
  flex: none;
}

.ecom .confirmation {
  text-align: left !important;
  flex-direction: row !important;
  width: 100%;
}
.ecom .confirmation__header {
  color: #213547;
  font-size: 24px;
}
.ecom .confirmation__header--small {
  color: #213547;
  font-size: 18px;
}
.ecom .avoid-fees {
  text-align: center;
  background-color: #F2F2F2;
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
  margin-top: 2rem;
}
.ecom .avoid-fees__header {
  color: #213547;
  font-size: 20px;
}
.ecom .avoid-fees__description-wrapper {
  display: flex;
  flex-direction: column;
}
.ecom .avoid-fees__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.ecom .avoid-fees__icon-wrapper {
  background-image: url("https://ecommerce.budgetdumpster.com/images/grid-squares-small.svg");
  background-size: 25px;
  background-position: 12.5px 12.5px;
  background-repeat: repeat;
  background-color: #213547;
  border-radius: 999px;
  color: white;
  fill: currentColor;
  height: 6rem;
  width: 6rem;
  margin-bottom: 1rem;
}
.ecom .dumpster-pickup {
  text-align: center;
  color: white;
  background-color: #213547;
  background-image: url("https://ecommerce.budgetdumpster.com/images/grid-squares-small.svg");
  background-size: 25px;
  background-position: 12.5px 12.5px;
  background-repeat: repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
}
.ecom .dumpster-pickup__header {
  color: white;
}
.ecom .dumpster-pickup a {
  color: white;
}
.ecom .dumpster-pickup__video {
  width: 80%;
  max-width: 460px;
}

@media only screen and (min-width: 961px) {
  .ecom .confirmation {
    flex-direction: column;
  }
  .ecom .avoid-fees__description-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
    max-width: 1030px;
    margin: 0 auto;
  }
}
.ecom .light-footer {
  text-align: center;
  background-color: #F2F2F2;
  padding: 2rem;
}
.ecom .light-footer__header {
  color: #213547;
  font-size: 20px;
}
.ecom .light-footer__text {
  font-size: 16px;
  max-width: 645px;
  margin: 1rem auto;
}
.ecom .light-footer__phone-detail {
  color: #007e80;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ecom .light-footer__phone-detail img {
  padding-right: 1rem;
  height: 2.25rem;
  width: auto;
}

.ecom .footer {
  height: auto;
  max-width: 425px;
  margin: 0 auto;
  padding: 1rem 1rem 3rem;
  display: flex;
  flex-direction: column;
}
.ecom .footer__divider {
  border: 1px solid #DADADA;
  margin: 2rem 0 1rem;
}
.ecom .delivery-video__header {
  color: #222222;
  font-size: 18px;
  font-weight: bold;
}
.ecom .delivery-prep {
  margin-top: 2rem;
  font-size: 14px;
}
.ecom .delivery-prep__header {
  color: #222222;
  font-size: 18px;
  font-weight: bold;
}
.ecom .delivery-prep__list {
  margin-top: 1rem;
  padding-left: 1rem;
}
.ecom .delivery-prep__list li {
  margin-bottom: 1rem;
}
.ecom .materials {
  text-align: left;
  font-size: 14px;
}
.ecom .materials--accepted {
  margin-bottom: 2rem;
}
.ecom .materials__text {
  margin-bottom: 1rem;
}
.ecom .materials__header {
  font-size: 18px;
  margin-bottom: 0.25rem;
  color: #222222;
  font-weight: bold;
}
.ecom .materials__moreinfo {
  margin-top: 1rem;
}
.ecom .materials__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ecom .materials__list li {
  display: flex;
  margin-bottom: 1rem;
}
.ecom .materials__list li img {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 961px) {
  .ecom .footer {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
    max-width: 1030px;
  }
  .ecom .footer .delivery-prep {
    margin-top: 0;
  }
  .ecom .footer .delivery-prep,
  .ecom .footer .materials--prohibated {
    margin-left: auto;
    max-width: 350px;
  }
  .ecom .footer .materials--accepted {
    width: 500px;
    margin-bottom: 0;
  }
}
.ecom .equipment-map {
  background-color: #222;
  padding: 0.5rem;
  border-radius: 8px;
  position: relative;
  margin-bottom: 0.6rem;
}
.ecom .equipment-map .bdmap {
  width: 100%;
  height: 600px;
  border-radius: 8px;
}
.ecom .equipment-map .bd-heading {
  color: #fff;
  padding: 0.25rem 1.2rem 0.75rem 1.2rem;
  text-align: center;
}
.ecom .equipment-map .bd-rotate-control a {
  flex-grow: 1;
  height: 100%;
  cursor: pointer;
}
.ecom .bd-onpoint-buttons {
  background-color: #DADADA;
  color: black;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.75rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
}
.ecom .bd-submit-button {
  background-color: #84C242;
  color: white;
  margin-bottom: 1rem;
  margin-left: 0.5rem;
}
.ecom .bd-submit-button:hover {
  background-color: #6fa436;
}
.ecom .bd-reset-button {
  margin-bottom: 1rem;
  margin-right: 0.5rem;
}
.ecom .bd-rotate-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ecom .bd-reset-button:hover, .ecom .bd-rotate-button:hover {
  background-color: white;
}
.ecom .bd-reset-button img, .ecom .bd-rotate-button img, .ecom .bd-submit-button img {
  margin-left: 0.5rem;
}
.ecom .bd-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 10;
}
.ecom .bd-overlay div {
  text-align: center;
}
.ecom .bd-overlay strong {
  display: block;
  margin-bottom: 5px;
}
.ecom .bd-overlay .bd-overlay-error {
  color: #E8096C;
}
.ecom .bd-overlay-image {
  height: 75px;
  width: 75px;
  position: relative;
  bottom: 15px;
}
.ecom .bd-overlay-text {
  background-color: white;
  top: 50%;
  left: 50%;
  position: absolute;
  border-radius: 15px;
  height: 260px;
  width: 300px;
  display: flex;
  flex-wrap: wrap-reverse;
  transform: translate(-50%, -50%);
  padding-bottom: 50px;
  justify-content: center;
}
.ecom .dumpster-info {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  background: blck;
  text-align: center;
  font-size: 1rem;
  padding: 0.5rem;
  line-height: 1.5;
  border-bottom-right-radius: 0.5rem;
}
.ecom label {
  display: block;
}
.ecom .equipment-size {
  width: 100%;
}
.ecom .onpoint-drop-location-toggle img {
  margin-right: 10px;
}
.ecom .onpoint-drop-location__label {
  font-weight: bold;
  font-size: 1rem;
}
.ecom .onpoint-drop-location-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecom .bd-overlay-close {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10;
  top: 10px;
  right: 10px;
  border: 2px solid;
}
.ecom .bd-overlay-continue {
  position: absolute;
  color: #135b78;
  border: 1px solid #135b78;
  background: white;
  padding: 0.8rem 3.6rem;
  font-size: 1rem;
  border-radius: 3px;
  bottom: 20px;
}
.ecom .gm-style > div > div > div > div:nth-child(3) {
  display: none !important;
}

.ecom .instructional__header {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 400;
  margin: 0;
  color: #213547;
  font-family: "Rockwell";
}
.ecom .instructional__list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
  margin: 1rem 0;
}
.ecom .instructional__list > li {
  border-radius: 50%;
  background: #EEE;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #213547;
  font-weight: bold;
}
.ecom .instructional__list > li:not(:last-child):after {
  content: "";
  border-bottom: 3px solid #213547;
  width: 52px;
  position: absolute;
  left: 100%;
}
.ecom .instructional__list-description {
  position: absolute;
  top: 140%;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  font-size: 0.8rem;
}
.ecom .instructional-wrapper {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  min-width: 350px;
  align-self: flex-start;
  margin-left: auto;
  padding: 20px 10px 60px;
  background: white;
}

.ecom .trustpilot-rating__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ecom .trustpilot-rating__bbbwrap {
  width: 48%;
}
.ecom .trustpilot-rating__bbbwrap img {
  width: 100%;
}
.ecom .trustpilot-rating__imgwrap {
  width: 40%;
}
.ecom .trustpilot-rating__desc {
  text-align: center;
  font-size: 0.9rem;
}

.ecom .custom-quote {
  display: flex;
}
.ecom .custom-quote__img {
  margin-right: 32px;
}
.ecom .custom-quote__phone {
  color: #007e80;
}

.ecom .accordion {
  display: block;
}
.ecom .accordion summary {
  flex-direction: row;
}
.ecom .accordion__info-icon {
  margin: 0 1rem;
}
.ecom .accordion__heading {
  margin-right: 2.2rem;
}
.ecom .accordion__content {
  margin: 1.5rem;
}
.ecom .accordion__learn-more {
  color: #213547;
}
.ecom .accordion .details__arrow {
  margin-left: auto;
}

.ecom .maintenance {
  width: 100%;
  text-align: center;
}

.ecom * {
  box-sizing: border-box;
}
.ecom .visibility-none {
  visibility: hidden;
}
.ecom .visibility-none #id_payment {
  height: 0;
  min-height: auto;
}
.ecom .lightbox .spin {
  display: block;
  margin: 0 auto;
}
.ecom #id_payment {
  border: none;
  width: 100%;
  overflow: hidden;
  min-height: 300px;
  height: auto;
  display: flex;
}
.ecom .fade-enter-active,
.ecom .fade-leave-active {
  transition: opacity 0.6s ease;
}
.ecom .fade-enter-from,
.ecom .fade-leave-to {
  opacity: 0;
}
.ecom .left {
  max-width: 500px;
  width: 100%;
}
.ecom .spin {
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-bottom: 1rem;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ecom .theme-logo {
  max-width: 200px;
  margin-bottom: 2rem;
}
.ecom .inner-wrapper {
  display: block;
  padding: 1rem;
  max-width: 425px;
  margin: 0 auto;
}
.ecom .header {
  color: #213547;
  margin-bottom: 1.5rem;
  font-size: 18px;
  font-weight: bold;
}
.ecom .header__number {
  margin-right: 0.5rem;
  height: 2rem;
  width: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #FC4C02;
  color: white;
}
.ecom .disclaimer {
  font-size: 13px;
  color: #7D7D7D;
  margin-bottom: 1rem;
}
.ecom .disclaimer__italic {
  font-style: italic;
}
.ecom .desktop {
  display: none;
}
.ecom .main-header {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin-bottom: 25px;
}
.ecom .main-header__icon {
  margin-right: 20px;
}
.ecom .main-header__text {
  color: #213547;
  font-family: Lato, sans-serif;
}

@media only screen and (min-width: 961px) {
  .ecom .desktop {
    display: block;
  }
  .ecom .right-column {
    margin-left: auto;
    max-width: 350px;
  }
  .ecom .right-column__sticky {
    position: sticky;
    top: 1rem;
  }
  .ecom .inner-wrapper {
    max-width: 1030px;
    display: flex;
  }
}
.ecom .legend {
  color: #213547;
}
.ecom .label__btn {
  background-color: #e47d00;
}
.ecom .payment-form__submit-btn {
  background-color: #e47d00;
}

.ecom .btn {
  border-radius: 3px;
}
.ecom .btn--tertiary {
  background-color: #213547;
  color: #fff;
  padding: 0.5rem;
}
.ecom .btn--orange {
  background-color: #e47d00;
}

.ecom .dumpster-selection__header, .ecom .dumpster-selection__card-sub-header {
}
.ecom .dumpster-selection__no-service-card-header {
  color: #007e80;
}
.ecom .dumpster-selection__no-service-card-phonenumber > span {
  color: #e47d00;
}
.ecom .dumpster-selection__remove-btn, .ecom .dumpster-selection__rent-btn {
  color: #fff !important;
  background-color: #213547 !important;
  cursor:pointer;
  
}

.ecom .price-lock {
  color: #007e80;
  border: 1px solid #007e80;
  background-color: RGBA(0, 126, 128, 0.15);
}

.ecom .summary__info-product {
  color: #007e80;
}
.ecom .summary__info-price-wrapper {
  color: #007e80;
}
.ecom .summary__service-item-name {
  color: #007e80;
}
.ecom .summary__final-cost-price {
  color: #007e80;
}
.ecom .summary-slider__btn {
  color: #007e80;
}
.ecom .summary-slider__hide-btn {
  color: #007e80;
}

.ecom .service-fomo {
  color: #007e80;
  border: 1px solid #007e80;
  background-color: RGBA(0, 126, 128, 0.15);
}

.ecom .avoid-fees {
  background-color: #F4F4F4;
}
.ecom .avoid-fees__icon-wrapper {
  background-image: none;
}
.ecom .dumpster-pickup {
  background-image: none;
}
.ecom .schedule-pickup {
  padding: 3rem 1rem;
  background-color: white;
}
.ecom .schedule-pickup__wrapper {
  max-width: 1030px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ecom .schedule-pickup__wrapper h2 {
  color: #007e80;
}
.ecom .schedule-pickup__wrapper a {
  color: #e47d00;
}
.ecom .schedule-pickup__image {
  max-width: 80%;
}

@media only screen and (min-width: 961px) {
  .ecom .schedule-pickup__wrapper {
    flex-direction: row;
    gap: 4rem;
  }
}
.ecom .light-footer {
  background-color: #F4F4F4;
}
.ecom .light-footer__phone-detail {
  color: #e47d00;
}

.ecom .expandable-select__buttons-tertiary {
  background-color: white;
  color: #213547;
}

.ecom .instructional__header {
  font-family: Lato, sans-serif;
}

.ecom .autocomplete--active {
  border: 1px solid #e47d00 !important;
}

.ecom .custom-quote__phone {
  color: #e47d00;
}

.ecom .dismissable.pro-tips--warning a {
  color: #e47d00;
}

.ecom h1, .ecom h2, .ecom h3, .ecom h4, .ecom h5, .ecom h6 {
  font-family: Lato, sans-serif;
}
.ecom .main-header__text {
  color: #213547;
  font-weight: bold;
}

@media only screen and (min-width: 961px) {
  .ecom .right-column__sticky {
    top: 5rem;
  }
}

.dumpster-selection__item {
    list-style:none;
    
}

.ecom ul li {
list-style:none;
}

.dumpster-selection__item {
padding: 10px;
box-sizing: border-box;    
    
}