.tlst-ajax-form .tls-ajax-cont-1, .tlst-ajax-form .tls-ajax-cont-2 {
	display: none;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
}
.tlst-ajax-form.doing-ajax-1 .tls-ajax-cont-1, .tlst-ajax-form.doing-ajax-2 .tls-ajax-cont-2 {
	display: block;
}

div.tracking-order div.order-data {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

div.tracking-order .progress-container {
	position: relative;
	width: 98%;
	height: 20px;
	background: #e0e0e0;
	border-radius: 10px;
	/* overflow: hidden; */
	margin: 40px 0 60px; /* space for labels */
  }
  
  div.tracking-order .progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #4caf50, #81c784);
	transition: width 0.5s ease;
	border: 2px solid black;
	box-sizing: border-box; /* Ensures border stays inside the progress bar */
	border-radius: 10px; /* match the container's rounding */
  }
  
  div.tracking-order .progress-indicator {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 45px;
	height: 45px;
	background: #4caf50;
	border: 3px solid #fff;
	border-radius: 50%;
	z-index: 3;
	transition: left 0.5s ease;
  }
  
  /* Status classes may need to adjust depending on text of status values - these are all the current TLS status values as of March 25 2025 */
  div.tracking-order .status-available .progress-fill, 
  div.tracking-order .status-canceled .progress-fill, 
  div.tracking-order .status-tendered-order .progress-fill, 
  div.tracking-order .status-scheduled-for-pickup .progress-fill,  
  div.tracking-order .status-out-for-pickup .progress-fill { width: 7.5%; }


  div.tracking-order .status-in-transit .progress-fill { width: 30%; }

  div.tracking-order .status-pending-delivery .progress-fill, 
  div.tracking-order .status-scheduled-for-delivery .progress-fill, 
  div.tracking-order .status-delivery-pending-appointment .progress-fill { width: 50%; }
  
  div.tracking-order .status-out-for-delivery .progress-fill { width: 70%; }
  
  div.tracking-order .status-delivered .progress-fill { width: 100%; }

  /* this is for 2 stage delivery - aka we hand it off to a company we control for last mile - this is as per David H 2025-03 */
  /* only dedicated API results */
  /* progress 1 */
  div.tracking-order.twostage .status-available .progress-fill, 
  div.tracking-order.twostage .status-canceled .progress-fill, 
  div.tracking-order.twostage .status-tendered-order .progress-fill, 
  div.tracking-order.twostage .status-scheduled-for-pickup .progress-fill,
  div.tracking-order.twostage .status-out-for-pickup .progress-fill,
  div.tracking-order.twostage .status-in-transit .progress-fill,
  div.tracking-order.twostage .status-pending-delivery .progress-fill, 
  div.tracking-order.twostage .status-scheduled-for-delivery .progress-fill, 
  div.tracking-order.twostage .status-delivery-pending-appointment .progress-fill,
  div.tracking-order.twostage .status-out-for-delivery .progress-fill  { width: 7.5%; }

  /* two stage, once we hand off from dedicated to other internal org */
  /* progress 2 */
  div.tracking-order.twostage .status-delivered-available .progress-fill, 
  div.tracking-order.twostage .status-delivered-canceled .progress-fill,
  div.tracking-order.twostage .status-delivered-scheduled-for-pickup .progress-fill,
  div.tracking-order.twostage .status-delivered-out-for-pickup .progress-fill,
  div.tracking-order.twostage .status-delivered-out-to-pickup .progress-fill,
  div.tracking-order.twostage .status-delivered-in-transit .progress-fill
   	{ width: 30%; }
  /* progress 3 */
  div.tracking-order.twostage .status-delivered-forcepending-in-transit .progress-fill, 
  div.tracking-order.twostage .status-delivered-pending-delivery .progress-fill,
  div.tracking-order.twostage .status-delivered-scheduled-for-delivery .progress-fill,
  div.tracking-order.twostage .status-delivered-delivery-pending-appointment .progress-fill
  	{width: 50%; }
  /* progress 4 */
  div.tracking-order.twostage .status-delivered-out-for-delivery .progress-fill
     {width: 70%; }
  /* progress 5 */
  div.tracking-order.twostage .status-delivered-delivered .progress-fill
  	{width: 100%; }	



  
  div.tracking-order .status-available .progress-indicator, 
  div.tracking-order .status-canceled .progress-indicator, 
  div.tracking-order .status-tendered-order .progress-indicator,
  div.tracking-order .status-scheduled-for-pickup .progress-indicator,
  div.tracking-order .status-out-for-pickup .progress-indicator  { left: 7.5%; }
    
  div.tracking-order .status-in-transit .progress-indicator { left: 30%; }
  
  div.tracking-order .status-pending-delivery .progress-indicator, 
  div.tracking-order .status-scheduled-for-delivery .progress-indicator, 
  div.tracking-order .status-delivery-pending-appointment .progress-indicator { left: 50%; }
  
  div.tracking-order .status-out-for-delivery .progress-indicator { left: 70%; }
  
  div.tracking-order .status-delivered .progress-indicator { left: 100%; }

  /* this is for 2 stage delivery - aka we hand it off to a company we control for last mile - this is as per David H 2025-03 */
  /* only dedicated API results */
  /* progress 1 */
  div.tracking-order.twostage .status-available .progress-indicator, 
  div.tracking-order.twostage .status-canceled .progress-indicator, 
  div.tracking-order.twostage .status-tendered-order .progress-indicator,
  div.tracking-order.twostage .status-scheduled-for-pickup .progress-indicator
  div.tracking-order.twostage .status-out-for-pickup .progress-indicator,
  div.tracking-order.twostage .status-in-transit .progress-indicator,
  div.tracking-order.twostage .status-pending-delivery .progress-indicator, 
  div.tracking-order.twostage .status-delivery-pending-appointment .progress-indicator,
  div.tracking-order.twostage .status-scheduled-for-delivery .progress-indicator,
  div.tracking-order.twostage .status-out-for-delivery .progress-indicator  { left: 7.5%; }

 
   /* two stage, once we hand off from dedicated to other internal org */
  /* progress 2 */
  div.tracking-order.twostage .status-delivered-available .progress-indicator, 
  div.tracking-order.twostage .status-delivered-canceled .progress-indicator,
  div.tracking-order.twostage .status-delivered-scheduled-for-pickup .progress-indicator,
  div.tracking-order.twostage .status-delivered-out-for-pickup .progress-indicator,
  div.tracking-order.twostage .status-delivered-out-to-pickup .progress-indicator,
  div.tracking-order.twostage .status-delivered-in-transit .progress-indicator
   	{ left: 30%; }
  /* progress 3 */
  div.tracking-order.twostage .status-delivered-forcepending-in-transit .progress-indicator,
  div.tracking-order.twostage .status-delivered-pending-delivery .progress-indicator,
  div.tracking-order.twostage .status-delivered-scheduled-for-delivery .progress-indicator,
  div.tracking-order.twostage .status-delivered-delivery-pending-appointment .progress-indicator
  	{left: 50%; }
  /* progress 4 */
  div.tracking-order.twostage .status-delivered-out-for-delivery .progress-indicator
     {left: 70%; }
  /* progress 5 */
  div.tracking-order.twostage .status-delivered-delivered .progress-indicator
  	{left: 100%; }	



  .tracking-order.collapse {
	/* border: 1px solid #000;
	border-radius: 8px;
	margin: 10px 0;
	overflow: hidden;
	*/
	transition: all 0.3s ease;
  }

  .tracking-order.nocollapse .collapse-header, .tracking-order.nocollapse .multi-instruction {
	  display:none;
}

.lmcnotice {
	text-align: center;
}

.lmcnotice a {
	font-weight:bold;
	font-size:18px;
}

div.tls-results div.tracking-order .progress-container {
	padding-bottom:0;
}

  .tracking-order.collapse .collapse-header {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	background-color: #f7f7f7;
	padding: 10px 15px;
	cursor: pointer;
	font-weight: bold;
  }

  div.tls-results div.tracking-order .collapse-header .toggle-sign {
	font-size: 18px;
	transition: transform 0.3s ease;
	width: fit-content;
	margin-right: 5%;
  }

  .tracking-order.collapse .collapse-content {
	display: none;
	padding: 15px;
	background-color: #fff;
  }

  .tracking-order.collapse.open .collapse-content {
	display: block;
  }

  .tracking-order.collapse.open .collapse-header .toggle-sign {
	transform: rotate(45deg); /* turns + into an x-ish shape */
  }

  
  /* Labels */
div.tls-results div.tracking-order .progress-labels {
	position: absolute;
	top: 130%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #555;
	/* flex-wrap: wrap; */
	gap: 5px;
	margin-top: 1em;
  }
  
div.tls-results div.tracking-order div.progress-labels span {
	position: relative;
	/* transform: translateX(-50%); */
	text-align: center;
	width: 25%; float: left;
  }
div.tls-results div.tracking-order div.progress-labels span:first-child {
	text-align:left;
}

div.tls-results div.tracking-order div.progress-labels span:last-child {
	text-align:right;
}


div.tls-results div.tracking-order div {line-height:1.4em; border:none; padding-bottom:.6em; float:none; clear:both;}
div.tls-results div.tracking-order div span {width:25%; font-weight:bold; display:block; margin-left: 15px; margin-right:15px; text-align:right; float: left;}
div.tls-results div.tracking-order div:first {border-style: solid none solid none !important;}
div.tls-results div.tracking-order div.download, div.tlst-form-field {border: none !important; margin-top:50px; text-align:center;}
div.tlst-form-field input[type=text] { width: 50%; margin-left: auto; margin-right:auto; }
div.download a, div.tlst-form-field input[type=submit] {
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
    background-color: #2b7bb9;
    color: #fff;
    font-size: 20px;
    line-height: 2em;
    padding: 6px 6px;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #1f5a87;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.tlst-form-field input[type=submit] 
{ padding: 0 6px 0 6px !important;}


  /* Responsive tweaks */
  @media (max-width: 768px) {
	div.tls-results div.tracking-order .progress-labels {
	  flex-direction: row;
	  justify-content: space-between;
	  top: 140%;
	  font-size: 11px;
	}
	
	div.tracking-order .progress-indicator {
	  width: 45px;
	  height: 45px;
	}
	  div.download a, div.tlst-form-field input[type=submit] {
		  display:inline-block;
	  }
  }
  
  @media (max-width: 480px) {
	div.tls-results div.tracking-order .progress-labels {
	  flex-direction: column;
	  align-items: center;
	  top: 150%;
	  gap: 6px;
	  display:none;
	}
	
	div.tracking-order .progress-labels span {
	  transform: none;
		display:none;
	}
  
	div.tracking-order .progress-container {
	  margin-bottom: 100px;
	}
  }