/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2021 | 04:22:29 */
.error-msg{
  color: #d71921;
  font-weight: 500;
  padding: 10px;
  margin-bottom: 20px;
}

#tracking-area{
  display:block;
  margin:0 auto;
  text-align:center;
}

input.tracking-number{
  padding: 16px 22px;
  border: 0;
  margin: 0;
  min-width: 25%;
  font-size: 14px;
  margin-right:10px;
  font-family:'Red Hat Display';
}
button.tracking-button{
  background-color: #d71822;
  color: #fff;
  border: 0px;
  padding: 15px 22px;
  font-weight: 600;
  font-size: 14px;
  font-family: 'Red Hat Display';
  cursor:pointer;
}
button.tracking-button:disabled{
  background-color:#7e7e7e;
}

#tracking-area .result-container{
  margin: 30px auto;
}
#tracking-area .result-container .awbinfo td{
 vertical-align:top;
}
#tracking-area .result-container .tracks{
  min-width:440px;
}
#tracking-area .result-container .tracks li{
  list-style:none;
}

#tracking-area .result-container .tracks li .inner-wrapper{
  display:inline-flex;
  width:100%;
}
#tracking-area .result-container .tracks li .inner-wrapper .date-time{
  margin-right: -8px;
  width: 50%;
  text-align: right;
  padding: 0 20px;
  border-right: 2px solid #d71822;
  padding-bottom: 20px;
  vertical-align: top;
}
#tracking-area .result-container .tracks li:last-child .inner-wrapper .date-time{
  border-right:0;
}
#tracking-area .result-container .tracks li .inner-wrapper .details{
  width: 50%;
  text-align: left;
  padding-left: 10px;
  padding-right
}
#tracking-area .result-container .tracks li .inner-wrapper .bullet{
  background: #d71822;
  width: 14px;
  height: 14px;
  border-radius: 80%;
  align-content: stretch;
  display: block;
  padding-top: 14px;
  position: relative;
  top: 0px;
}

#tracking-area .result-container .row{
  display:inline-flex;
  flex-wrap:wrap;
}
#tracking-area .result-container .col-md-6{
  width:50%;
}
#tracking-area .result-container .lightbox-overlay{
  display:none;
  width:100%;
  position:fixed;
  z-index:9990;
  height:100vh;
  top:0;
  left:0;
  background-color:rgba(0,0,0,0.7);
}
#tracking-area .result-container .popup-viewer-container{
  display:none;
  position:fixed;
  top:100px;
  left:calc(50% - 200px);
  width:400px;
  height:300px;
  padding:20px;
  z-index:9999;
}
@media only screen and (max-width:480px){
  #tracking-area .result-container .col-xs-12{
    width:100%;
  }
  
  #tracking-area .result-container table.awbinfo{
    font-size:12px;
  }
}

@media only screen and (max-width:480px){
  #tracking-area .result-container .tracks{
    min-width:320px;
  }
  #tracking-area .result-container .tracks li{
    margin-top:-10px;
  }
  
  #tracking-area .result-container .tracks li .inner-wrapper .date-time{
  	padding:0;
    padding-right:15px;
    line-height:normal;
    font-size:12px;
    padding-bottom:15px;
  }
  #tracking-area .result-container .tracks li .inner-wrapper .details{
    padding:0;
    padding-left:15px;
    line-height:normal;
    font-size:12px;
    padding-bottom:15px;
  }
  
  input.tracking-number{
    width:calc(70% - 5px);
    margin-right:5px!important;
  }
  
}