.bg-ph-primary {
  background-color: #fd8d25;
}


#progressbar {
  overflow: hidden;
  color: lightgrey;
  padding-left: 0;
}

#progressbar .active {
  color: #42ba96;
}

#progressbar .inactive {
  color: #e74357;
}

#progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 33%;
  float: left;
  position: relative;
  font-weight: 400;
  text-align: center;
}

#progressbar #ship_from:before {
  font-family: Feather;
  content: "\e979";
}

#progressbar #driver:before {
  font-family: Feather;
  content: "\e925";
}

#progressbar #ship_to:before {
  font-family: Feather;
  content: "\e967";
}

#progressbar li:before {
  width: 40px;
  height: 40px;
  line-height: 35px;
  display: block;
  font-size: 15px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1;
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #42ba96;
}

#progressbar li.inactive:before,
#progressbar li.inactive:after {
  background: #e74357;
}

.progress {
  height: 20px;
}

.timeline_success.active {
  border-top: 3px dotted green !important;
}

.timeline_success {
  border-top: 3px solid !important;
}

.timeline_progress {
  border-top: 3px solid !important;
}

#service_delivery_date {
  border: transparent;
  border-radius: 5px;
  outline: transparent;
  background: transparent;
  width: 0px;
  cursor: pointer;
  caret-color: transparent;
  padding: 0;
  text-align: center;
}

#service_delivery_date::placeholder {
  color: #ffffff;
}

#service_delivery_date:focus::placeholder {
  color: #ffffff;
}

.service_delivery_date_label {
  padding: 8px 20px;
  cursor: pointer;
}

.service_delivery_date_label-1 {
  padding: 8px 20px;
  margin: -22px 0px 0px 0px;
  cursor: pointer;
}

.dropdown-menu {
  max-height: 25rem;
  overflow-y: scroll;
}

.print-source {
  display: none;
}

body>.print-source {
  display: block;
}

.badge-bg-purple {
  background-color: #c1a7ff54;
  color: #885aea;
}

.text-purple {
  color: #885aea;
}

.Method-options-icon{
  height: 200px;
  width: 250px;
}

.phox-icon {
  height: 40px;
  margin-left: 10px;
  cursor: pointer;
}
.phox-icon:hover{
  transform: scale(1.1);
}

.usps-icon {
  height: 43px;
  cursor: pointer;
}

.usps-icon:hover{
transform: scale(1.1);
}

.main-card-container{
 min-height: 100vh;
  background-image  : linear-gradient(to right bottom, #27405f, #233753, #1e2f48, #1a273d, #151f32);
  overflow-y: hidden;
}

.card-header-logo{
  width: 140px;
}
.login-card-container{
  max-width: 450px;
  border-radius: 30px;
}

.delete_address_book_btn:hover{
  color :  #E27B78
}