/* shipping tracker styles */
#ppt-wrap {
  max-width: 850px;
  margin: 0 auto;
  padding: 0 20px;
}

#ppt-wrap .ppt-title {
  text-align: center;
  margin-bottom: 5px;
}

#ppt-wrap .ppt-subtitle {
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 0;
}

#ppt-wrap .ppt-tracker-input-container {
  -webkit-box-shadow: 0 0 10px -5px rgb(27 30 26 / 45%);
  -ms-box-shadow: 0 0 10px -5px rgba(27, 30, 26, .45);
  box-shadow: 0 0 10px -5px rgb(27 30 26 / 45%);
  padding: 20px;
  border-radius: 6px;
  background: #fff;
}

#ppt-wrap .ppt-tracker-input-container form {
  position: relative;
  margin: 0;
}

#ppt-wrap .ppt-tracker-input-container form input {
  padding: 15px 15px 15px 45px;
  width: 100%;
  border-radius: 4px;
  resize: none;
  border: 1px solid #c9d1d5;
  color: #213540;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  background-clip: padding-box;
  font-weight: 300;
  outline: none;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjAwOTkgMTAuNDI5OUgyMC41Mjk5QzIwLjM4MDQgOC4xMDUzIDE5LjM4OTUgNS45MTQ2OSAxNy43NDIzIDQuMjY3NTRDMTYuMDk1MiAyLjYyMDM5IDEzLjkwNDUgMS42Mjk0NCAxMS41Nzk5IDEuNDc5OTJWMC45ODk5MjJDMTEuNTc5OSAwLjY3OTkyMiAxMS4zMTk5IDAuNDE5OTIyIDExLjAwOTkgMC40MTk5MjJDMTAuNjk5OSAwLjQxOTkyMiAxMC40Mzk5IDAuNjc5OTIyIDEwLjQzOTkgMC45ODk5MjJWMS40Njk5MkM4LjExNTMgMS42MTk0NCA1LjkyNDY5IDIuNjEwMzkgNC4yNzc1NCA0LjI1NzU0QzIuNjMwMzkgNS45MDQ2OSAxLjYzOTQ0IDguMDk1MyAxLjQ4OTkyIDEwLjQxOTlIMC45ODk5MjJDMC42Nzk5MjIgMTAuNDE5OSAwLjQxOTkyMiAxMC42Nzk5IDAuNDE5OTIyIDEwLjk4OTlDMC40MTk5MjIgMTEuMjk5OSAwLjY3OTkyMiAxMS41NTk5IDAuOTg5OTIyIDExLjU1OTlIMS40Njk5MkMxLjcyOTkyIDE2LjM2OTkgNS42MDk5MiAyMC4xOTk5IDEwLjQxOTkgMjAuNTA5OVYyMC45ODk5QzEwLjQxOTkgMjEuMjk5OSAxMC42Nzk5IDIxLjU1OTkgMTAuOTg5OSAyMS41NTk5QzExLjI5OTkgMjEuNTU5OSAxMS41NTk5IDIxLjI5OTkgMTEuNTU5OSAyMC45ODk5VjIwLjUwOTlDMTYuMzY5OSAyMC4yNDk5IDIwLjE5OTkgMTYuMzY5OSAyMC41MDk5IDExLjU1OTlIMjAuOTg5OUMyMS4yOTk5IDExLjU1OTkgMjEuNTU5OSAxMS4yOTk5IDIxLjU1OTkgMTAuOTg5OUMyMS41Nzk5IDEwLjY4OTkgMjEuMzE5OSAxMC40Mjk5IDIxLjAwOTkgMTAuNDI5OVpNMTguOTM5OSAxMS41Njk5SDE5LjM3OTlDMTkuMTE5OSAxNS43NTk5IDE1Ljc1OTkgMTkuMTA5OSAxMS41Nzk5IDE5LjM2OTlWMTguOTI5OUMxMS41Nzk5IDE4LjYxOTkgMTEuMzE5OSAxOC4zNTk5IDExLjAwOTkgMTguMzU5OUMxMC42OTk5IDE4LjM1OTkgMTAuNDM5OSAxOC42MTk5IDEwLjQzOTkgMTguOTI5OVYxOS4zNjk5QzYuMjQ5OTIgMTkuMTA5OSAyLjg5OTkyIDE1Ljc0OTkgMi42Mzk5MiAxMS41Njk5SDMuMDc5OTJDMy4zODk5MiAxMS41Njk5IDMuNjQ5OTIgMTEuMzA5OSAzLjY0OTkyIDEwLjk5OTlDMy42NDk5MiAxMC42ODk5IDMuMzg5OTIgMTAuNDI5OSAzLjA3OTkyIDEwLjQyOTlIMi42MTk5MkMyLjg3OTkyIDYuMjM5OTIgNi4yMzk5MiAyLjg4OTkyIDEwLjQxOTkgMi42Mjk5MlYzLjA2OTkyQzEwLjQxOTkgMy4zNzk5MiAxMC42Nzk5IDMuNjM5OTIgMTAuOTg5OSAzLjYzOTkyQzExLjI5OTkgMy42Mzk5MiAxMS41NTk5IDMuMzc5OTIgMTEuNTU5OSAzLjA2OTkyVjIuNjE5OTJDMTUuNzQ5OSAyLjg3OTkyIDE5LjA5OTkgNi4yMzk5MiAxOS4zNTk5IDEwLjQxOTlIMTguOTE5OUMxOC42MDk5IDEwLjQxOTkgMTguMzQ5OSAxMC42Nzk5IDE4LjM0OTkgMTAuOTg5OUMxOC4zNDk5IDExLjI5OTkgMTguNjI5OSAxMS41Njk5IDE4LjkzOTkgMTEuNTY5OVpNMTUuMTM5OSAxMC40Mjk5SDEzLjU0OTlDMTMuNDQyOCA5Ljk0NTU3IDEzLjE5OTUgOS41MDE5IDEyLjg0ODcgOS4xNTExM0MxMi40OTc5IDguODAwMzYgMTIuMDU0MyA4LjU1NzA4IDExLjU2OTkgOC40NDk5MlY2Ljg1OTkyQzExLjU2OTkgNi41NDk5MiAxMS4zMDk5IDYuMjg5OTIgMTAuOTk5OSA2LjI4OTkyQzEwLjY4OTkgNi4yODk5MiAxMC40Mjk5IDYuNTQ5OTIgMTAuNDI5OSA2Ljg1OTkyVjguNDQ5OTJDOS45NDU1NyA4LjU1NzA4IDkuNTAxOSA4LjgwMDM2IDkuMTUxMTMgOS4xNTExM0M4LjgwMDM2IDkuNTAxOSA4LjU1NzA4IDkuOTQ1NTcgOC40NDk5MiAxMC40Mjk5SDYuODU5OTJDNi41NDk5MiAxMC40Mjk5IDYuMjg5OTIgMTAuNjg5OSA2LjI4OTkyIDEwLjk5OTlDNi4yODk5MiAxMS4zMDk5IDYuNTQ5OTIgMTEuNTY5OSA2Ljg1OTkyIDExLjU2OTlIOC40NDk5MkM4LjU1NzA4IDEyLjA1NDMgOC44MDAzNiAxMi40OTc5IDkuMTUxMTMgMTIuODQ4N0M5LjUwMTkgMTMuMTk5NSA5Ljk0NTU3IDEzLjQ0MjggMTAuNDI5OSAxMy41NDk5VjE1LjEzOTlDMTAuNDI5OSAxNS40NDk5IDEwLjY4OTkgMTUuNzA5OSAxMC45OTk5IDE1LjcwOTlDMTEuMzA5OSAxNS43MDk5IDExLjU2OTkgMTUuNDQ5OSAxMS41Njk5IDE1LjEzOTlWMTMuNTQ5OUMxMi4wNTQzIDEzLjQ0MjggMTIuNDk3OSAxMy4xOTk1IDEyLjg0ODcgMTIuODQ4N0MxMy4xOTk1IDEyLjQ5NzkgMTMuNDQyOCAxMi4wNTQzIDEzLjU0OTkgMTEuNTY5OUgxNS4xMzk5QzE1LjQ0OTkgMTEuNTY5OSAxNS43MDk5IDExLjMwOTkgMTUuNzA5OSAxMC45OTk5QzE1LjcwOTkgMTAuNjg5OSAxNS40NDk5IDEwLjQyOTkgMTUuMTM5OSAxMC40Mjk5Wk0xMC45OTk5IDEyLjQ5OTlDMTAuMTU5OSAxMi40OTk5IDkuNDk5OTIgMTEuODM5OSA5LjQ5OTkyIDEwLjk5OTlDOS40OTk5MiAxMC4xNTk5IDEwLjE1OTkgOS40OTk5MiAxMC45OTk5IDkuNDk5OTJDMTEuODM5OSA5LjQ5OTkyIDEyLjQ5OTkgMTAuMTU5OSAxMi40OTk5IDEwLjk5OTlDMTIuNDk5OSAxMS44Mzk5IDExLjgzOTkgMTIuNDk5OSAxMC45OTk5IDEyLjQ5OTlaIiBmaWxsPSIjQTBBMEEwIi8+Cjwvc3ZnPgo=) no-repeat 15px center;
}

#ppt-wrap .ppt-tracker-input-container form button {
  position: absolute;
  top: 0;
  height: 100%;
  right: -2px;
  border-radius: 0 4px 4px 0;
  border: none;
  letter-spacing: .35px;
  font-weight: 600;
  padding: 15px 35px;
  font-size: 1rem;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  line-height: 1;
  text-transform: capitalize;
  z-index: 1;
  overflow: hidden;
  outline: none;
  border-radius: 0 4px 4px 0;
  text-decoration: none;
}

@media only screen and (max-width: 580px) {
  #ppt-wrap .ppt-tracker-input-container form button span {
    display: none;
  }
}

#ppt-wrap #ppt-order-not-found {
  text-align: center;
  padding: 20px;
  display: none;
}

#ppt-wrap #ppt-order-not-found img {
  max-width: 100px;
  margin: 0 auto 30px;
}

#ppt-shipping-details h2 {
  padding: 50px 0 10px;
  text-align: center;
}

/* Timeline */
.timeline {
  border: 1px solid #ffe5e5;
  border-left: 2px dashed #fc0000;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgb(255 198 198 / 20%);
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  padding: 50px;
  list-style: none;
  text-align: left;
  max-width: 550px;
  width: 100%;
}

.timeline h2,
.timeline h3 {
  font-weight: 400;
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 0;
}

.timeline .event {
  border-bottom: 1px dashed rgb(255 175 175);
  margin-bottom: 50px;
  position: relative;
}

.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}

.timeline .event:before {
  left: -210px;
  color: #666;
  content: attr(data-date);
  text-align: right;
  font-size: 0.9em;
  min-width: 120px;
  top: 10px;
}

.timeline .event:after {
  box-shadow: 0 0 0 4px #ff0000;
  left: -76.85px;
  background: #ffdada;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  content: "";
  top: 5px;
  background-size: 60% 60%;
  background-position: 50%;
  background-repeat: no-repeat;
}

.timeline .event.pending:after {
  background-image: url('../shipping/pending.svg');
}

.timeline .event.processing:after {
  background-image: url('../shipping/processing.svg');
}

.timeline .event.cancelled:after,
.timeline .event.Delivery_Failed:after {
  background-image: url('../shipping/cancelled.svg');
}

.timeline .event.Pickup_Requested:after {
  background-image: url('../shipping/Pickup_Requested.svg');
}

.timeline .event.Assigned_for_Pickup:after,
.timeline .event.Picked:after {
  background-image: url('../shipping/Assigned_for_Pickup.svg');
}

.timeline .event.At_the_Sorting_HUB:after,
.timeline .event.In_Transit:after {
  background-image: url('../shipping/At_the_Sorting_HUB.svg');
}

.timeline .event.Return:after {
  background-image: url('../shipping/At_the_Sorting_HUB.svg');
  transform: scaleX(-1);
}

.timeline .event.Assigned_for_Delivery:after {
  background-image: url('../shipping/Assigned_for_Delivery.svg');
}

.timeline .event.Received_at_Last_Mile_HUB:after {
  background-image: url('../shipping/Received_at_Last_Mile_HUB.svg');
}

.timeline .event.On_Hold:after,
.timeline .event.on-hold:after {
  background-image: url('../shipping/On_Hold.svg');
}

.timeline .event.Delivered:after,
.timeline .event.Partial_Delivery:after {
  background-image: url('../shipping/Delivered.svg');
}

.timeline .event .datetime {
  color: #dc3545;
  margin-bottom: 0;
  font-weight: 700;
  font-size: small;
  margin-top: 0px;
}

.timeline .event .datetime .mobile {
  display: none;
}

.timeline .event .timeline-subtitle {
  font-size: .8em;
}

@media only screen and (max-width: 580px) {
  .timeline .event:before {
    left: 0;
    content: '';
    min-width: 0px;
  }

  .timeline .event .datetime .mobile {
    display: inline-block;
    padding-right: 2px;
  }
}

.delivery-timeframe {
  border: 1px solid #ffe5e5;
  border-radius: 4px;
  background: rgb(255 198 198 / 20%);
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  padding: 20px 20px 20px 40px;
  max-width: 550px;
  width: 100%;
}

.delivery-timeframe:before {
  left: 10px;
  height: 24px;
  width: 24px;
  content: "";
  top: 52%;
  transform: translateY(-50%);
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url('../shipping/time.svg');
}

#ppt-searching {
  display: none;
}

#ppt-searching img {
  margin: 0 auto;
}