/*
	Order Tracking Page
	Copyright (c) groundzeroapps
	https://ordertrackingpage.com
	https://groundzeroapps.com

	NOTICE: All material on this software, including codes, designs, texts, images, logos and sounds,
	are owned by Ground Zero Apps and are protected by trade secret or copyright law. 
	All rights are reserved by Ground Zero Apps. 
	Content may not be copied, reproduced, transmitted, distributed, downloaded or transferred 
	in any form or by any means without Ground Zero Apps prior written consent.
*/
:root {
  --otp-active-bg: #208e09;
  --otp-active-color: #fff;
  --otp-main-color: #4290b7;
}

.otp_search-error {
	color: red;
}

.otp_order-header {
	background-color: #f6f6f6;
}

.otp_product-img {
	max-height: 150px;
}

.otp_issues_panel {
  display: none;
}

.otp_form-zip {
	display: none;
}

.otp_issues_icon{
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  background-color: #f1c40f;
}

/* 
* search form
*/
@media ( max-width : 600px) {
	.otp_form-wrapper {
		max-width: 100%;
	}
	
	.otp_form input[type=text] {
		width: 100%;
	}
	.otp_shipping, .otp_shipping-map, .otp_products {
		width: 100%;
		text-align: center;
	}
}
@media ( min-width : 600px) {
	.otp_form-wrapper {
		max-width: 800px;
	}
}

.otp_track {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 60px;
     margin-top: 50px;
     display: none;
}

.otp_track .otp_step {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 25%;
     margin-top: -18px;
     text-align: center;
     position: relative
}

.otp_track .otp_step:before {
  background: #ddd;
}

.otp_track .otp_step.otp_active:before {
     background: var(--otp-active-bg);
}

.otp_track .otp_step::before {
     height: 7px;
     position: absolute;
     content: "";
     width: 100%;
     left: 0;
     top: 18px
}

.otp_track .otp_step.otp_active .otp_icon {
     background: var(--otp-active-bg);
     color: var(--otp-active-color);
}

.otp_track .otp_icon {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: relative;
     border-radius: 100%;
     background: #ddd
}

.otp_track .otp_step.otp_active .otp_text {
     font-weight: 400;
     color: #000
}

.otp_track .otp_text {
     display: block;
     margin-top: 7px
}

.otp_bold-text {
	font-weight: 700;
	color: #000
}

.otp_badge {
	position: relative;
    box-sizing: border-box;
    display: inline-block;
    background-color: #2c3e50;
    color: #ffffff;
    
    border-radius: 3rem;
    text-align: center;

    font-size: 1.6rem;
    font-weight: 400;
    padding: .05rem .8rem .1rem;
    line-height: inherit;
}

.otp_badge-img {
	float: left;
	left: -10px;
	top: 20px;
}

.otp_badge-line {
    background-color: transparent;
    color: #95a5a6;
    box-shadow: 0 0 0 1px #95a5a6;
}

.otp_badge-info {
    background-color: #3498db;
}

.otp_badge-warning {
    background-color: #f1c40f;
}

.otp_badge-danger {
    background-color: #e74c3c;
}

.otp_badge-success {
    background-color: #2ecc71;
}

.otp_badge-small {
    font-size: 1rem;
    padding: .1rem .55rem .1rem;
}

.otp_badge-smaller {
    font-size: .7rem;
    padding: .05rem .4rem .15rem;
}

.otp_order-status .otp_active {
	color: var(--otp-active-bg);
}

/* Set the size of the div element that contains the map */
#map {
  height: 300px;
  display: flex;
  text-align: center;
}

.otp_form-separator {
  background: linear-gradient(black, black) no-repeat center/2px 100%;
  width: 1px;
}


.otp_text-one-line{
	overflow: hidden;
  white-space: nowrap;
}

/* Search results for Mobile */
@media (max-width: 760px) {
	
  /* Status timeline for mobile */
  .otp_track {
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    width: max-content;
  }

  .otp_step{
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .otp_track .otp_text{
    margin-top: 0;
  }

  .otp_step-texts{
    margin-left: 1.5rem
  }

  .otp_track .otp_step{
    width: 100%;
    min-height: 8em;
  }

  .otp_track .otp_step:before{
    width: 7px;
    height: 100%;
    margin-left: 16px;
    margin-top: 18px;
    margin-bottom: 0;
  }

  #otp_delivery:before{
    height: 0;
  }
  
  /* Products section */
  .otp_product-wrapper {
    width: 100%;
  }

  /* Header section */
  .otp_order-header {
    font-size: 60%;
  }
  
}


.otp_sd-courier-logo img {
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 100px;
	height: 100px;
}


/*
*  Troubleshoot tachyons css .h1, .h2,... classes colliding with theme classes
*/

.h1, .h2, .h3, .h4, .h5, .h6 { 
	height: inherit !important; 
}

/*
* Troubleshoot button long text in one line to line break
*/

.otp_button-submit {
	white-space: normal !important;
}

/*
* Troubleshoot center title in themes
*/

.section-header--title, .main-page-title, h1 {
  text-align: center;
}