.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.multisteps-form__progress-btn {
  position: relative;
  padding-top: 40px;
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.multisteps-form__progress-btn:before {
  position: absolute;
  top: -14px;
  left: 50%;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  transform: translateX(-50%);
  /* border: 1px solid #dee2e6; */
  border-radius: 50%;
  background-color: #dee2e6;
  box-sizing: border-box;
  z-index: 3;
}
.multisteps-form__progress-btn.finish label {
  color: #000;
}
.multisteps-form__progress-btn.active.finish label {
  color: #000;
}

.step::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/order_booked.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
}
.step_form1::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/in_transit.svg');
}
.step_form2::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/out_for_delivery.svg');
}
.step_form3.undelivered::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/undelivered.svg');
}
.step_form3.return_to_origin::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/return_to_origin.svg');
}
.step_form3.delivered::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/delivered.svg');
}
.step_form4.cancel::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/cancel.svg');
}

/************ for finishing changing image********/
/* .finish::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/tick.svg');
} */

/* *************************for activeimage should be normal***************/
.step.active.finish::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/order_booked.svg');
  background-color: #fff;
}
.step_form1.active.finish::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/in_transit.svg');
  background-color: #fff;
}
.step_form2.active.finish::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/out_for_delivery.svg');
  background-color: #fff;
}
.step_form3.active.finish::before {
  background-color: #00A3E4;
}
.step_form3.active.finish.undelivered::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/undelivered.svg');
}
.step_form3.active.finish.return_to_origin::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/return_to_origin.svg');
}
.step_form3.active.finish.delivered::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/delivered.svg');
}
.step_form3.active.finish.cancel::before {
  background-image: url('../../../media/images/addons/shipway_order_lookup_page/cancel.svg');
}
.multisteps-form__progress-btn:after {
  position: absolute;
  top: 5px;
  left: calc(-50% - 13px / 2);
  display: block;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #dee2e6;
  z-index: 1;
}
.multisteps-form__progress-btn.finish:after,
.multisteps-form__progress-btn.active:after {
  background-color: #00A3E4;
}
button.multisteps-form__progress-btn.step {
  cursor: default;
}
.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.active {
  color: #00A3E4;
}
.multisteps-form__progress-btn.finish:before {
  background-color: #00A3E4;
}
.multisteps-form__form {
  position: relative;
  margin: 0 auto;
  margin-bottom: 60px;
  width: 90%;
}

.multisteps-form__panel {
  position: relative;
  width: 100%;
  top: 20px;
  display: none;
  padding: 1.5rem 13px !important;
}
.multisteps-form__panel .form_content table tbody tr td:nth-child(2) {
  padding: 0px 13px;
}
.multisteps-form__panel.active {
  display: block;
  opacity: 1;
}
/* scroll bar */
.multisteps-form__panel .form_content::-webkit-scrollbar,
.order_items_history .product_details::-webkit-scrollbar {
  width: 8px;
}
.multisteps-form__panel .form_content::-webkit-scrollbar-track,
.order_items_history .product_details::-webkit-scrollbar-track {
  background: #f2f2f2;
}
.multisteps-form__panel .form_content::-webkit-scrollbar-thumb,
.order_items_history .product_details::-webkit-scrollbar-thumb {
  background: #cdcdcd;
}
.multisteps-form__panel .form_content::-webkit-scrollbar-thumb:hover,
.order_items_history .product_details::-webkit-scrollbar-thumb:hover {
  background: #555;
}