.page-ktdh-template {
  margin: 45px 0; }
  .page-ktdh-template h1 {
    font-size: 32px; }

.order_tracking_controls {
  text-align: center; }
  .order_tracking_controls .title-desc {
    font-size: 14px;
    color: #f72b3f;
    margin: 0 0 10px; }
  .order_tracking_controls .title_note {
    font-size: 12px;
    margin-bottom: 30px; }
  .order_tracking_controls .form-inline {
    text-align: center;
    display: flex;
    flex-direction: column; }
    .order_tracking_controls .form-inline .form-group {
      margin-left: 7px;
      margin-right: 7px;
      flex-direction: column;
      align-items: flex-start; }
      .order_tracking_controls .form-inline .form-group label {
        display: block;
        text-align: left;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 5px; }
      .order_tracking_controls .form-inline .form-group input {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        font-size: 12px;
        min-width: 200px;
        text-overflow: ellipsis; }
        .order_tracking_controls .form-inline .form-group input:focus {
          border-color: #034ea1;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(44, 68, 128, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(44, 68, 128, 0.6); }
      .order_tracking_controls .form-inline .form-group .help-block {
        font-size: 11px;
        text-align: left;
        margin-bottom: 0;
        min-height: 17px;
        display: block;
        margin-top: 5px;
        color: #737373; }
      .order_tracking_controls .form-inline .form-group:first-child {
        margin-left: 0; }
      .order_tracking_controls .form-inline .form-group.has-error .form-control {
        border-color: #f72b3f; }
        .order_tracking_controls .form-inline .form-group.has-error .form-control:focus {
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(247, 43, 63, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(247, 43, 63, 0.6); }
      .order_tracking_controls .form-inline .form-group.has-error .help-block {
        color: #f72b3f; }
    .order_tracking_controls .form-inline #search_order_tracking {
      background: #034ea1;
      color: #fff;
      border-color: #2c4480;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -o-transition: .5s;
      -ms-transition: .5s;
      -moz-transition: .5s;
      -webkit-transition: .5s;
      transition: .5s;
      margin: 20px 0;
      padding: 6px 30px; }
      .order_tracking_controls .form-inline #search_order_tracking:hover {
        border-color: #f72b3f;
        background: #f72b3f; }
    .order_tracking_controls .form-inline .tracking_description {
      font-size: 12px;
      text-align: center;
      padding-bottom: 10px;
      margin-bottom: 15px; }

.bitis-tracking {
  /*margin-top: 30px;*/ }
  .bitis-tracking .loader {
    background: url("https://file.hstatic.net/1000230642/file/loading_07e5c28f3d404416869a1b900a8891b2.gif") no-repeat;
    height: 300px;
    line-height: 300px;
    display: block;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: 3%; }

.step-maker-container {
  position: relative; }

.bitis-collapse-box {
  margin: 0 0 20px;
  background: #fff; }

.collapse-box__header {
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  cursor: pointer;
  padding: 12px;
  border: 1px solid #ddd;
  background: #F5F5F5; }

.collapse-box__header ul li {
  display: inline-block;
  padding: 0 6px;
  border-left: 2px solid #e0e0e0;
  vertical-align: middle; }

.collapse-box__header ul li.tracking_number,
.collapse-box__header ul li.tracking_company {
  border-left: 0;
  float: right; }

.collapse-box__header ul li.tracking_company img {
  width: 50px; }

.collapse-box__header ul li.tracking_number {
  color: #034ea1; }

.collapse-box__header ul li.tracking_company {
  margin-right: 20px; }

.collapse-box__header ul li:nth-child(1) {
  padding-left: 0;
  border-left: 0; }

.collapse-box__body, .collapse-box__header {
  padding: 12px;
  border: 1px solid #ddd; }

.collapse-box__body {
  border-top-width: 0;
  display: none; }

.bitis-collapse-box.open .collapse-box__body {
  display: block; }

.shipment-tracking__progress {
  width: 80%;
  margin: 20px auto; }

.shipment-tracking__indicator {
  margin: auto; }

.steps-indicator_width_full {
  width: 100%; }

.steps-indicator, .steps-indicator__item {
  display: inline-block;
  vertical-align: middle; }

.steps-indicator__item {
  position: relative;
  text-align: center;
  margin-left: 20px;
  width: 30%; }

.steps-indicator__item_color_green {
  border-color: #6ca237;
  color: #6ca237; }

.steps-indicator__point {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: 1px solid #9f9f9f;
  border-radius: 50%;
  background: #fff;
  line-height: 33px;
  text-align: center;
  vertical-align: middle;
  z-index: 4; }

.steps-indicator__item:before {
  content: '';
  width: 600px;
  height: 2px;
  margin: -1px 1px 0 -600px;
  position: absolute;
  bottom: 17.5px;
  background: #9f9f9f; }

.steps-indicator__item:first-child:before {
  background: #fff;
  z-index: 4; }

.status-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle; }

.steps-indicator__item:first-child {
  margin-left: 0; }

.steps-indicator__item-label {
  display: block;
  margin: 0 0 10px;
  position: relative;
  font-size: 13px;
  line-height: 1.3;
  color: #6e6e6e;
  z-index: 5; }

.steps-indicator__item_color_green .steps-indicator__item-label {
  color: #6ca237; }

.steps-indicator:after {
  display: inline-block;
  width: 100%;
  content: ''; }

.bitis-tracking__history {
  margin: 15px 0;
  padding-top: 15px; }

.light-table > thead > tr > th {
  padding: 10px 13px 8px;
  background: #f5f5f5;
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #e7e7e7;
  font-size: 12px;
  font-weight: 400;
  color: #646464; }

.light-table tr td {
  padding: 10px 11px;
  font-size: 13px;
  color: #666;
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: #efefef;
  vertical-align: middle; }
  .light-table tr td.money {
    min-width: 100px; }
  .light-table tr td.total {
    min-width: 120px; }

.light-table > tbody > tr > td:first-child {
  border-left: none; }

.shipment-tracking__products-title {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 700;
  color: #292929; }

.product-brief__image {
  float: left;
  width: 75px;
  font-size: 0;
  line-height: 0;
  text-align: center; }

.product-brief__image > a > img, .product-brief__image > img {
  width: 100%;
  height: 100%;
  max-width: 75px;
  max-height: 75px; }

.tab_img img {
  display: inline-block;
  vertical-align: middle; }

.bitis-tracking__history .tab_img img {
  display: none; }

.bitis-list-head_tracking {
  margin-bottom: 0; }

td.tab_img a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  text-transform: none;
  text-align: left;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  min-height: 41px;
  overflow: hidden; }

td.tab_img a:hover {
  color: #034ea1;
  text-decoration: underline; }

td.tab_img a span.odVariantTitle {
  font-size: 14px;
  font-style: italic; }

.tracking_name {
  font-weight: bold; }

.step-maker-container hr {
  display: none; }

.step-maker-container {
  position: relative;
  min-height: 50px; }

.step-maker {
  display: block;
  text-align: center; }

.step-maker .step {
  display: inline-block;
  text-align: center;
  position: relative; }

div.step-maker .step:before {
  position: absolute;
  height: 5px;
  border-bottom: 1px solid black;
  content: '';
  top: 19%;
  width: 100%;
  left: 50%; }

div.step-maker .step > label {
  display: block; }

div.step-maker .step > label.step-number {
  background-color: #fff;
  color: #676767;
  border-radius: 50%;
  border: 1px solid #676767;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-bottom: 6px;
  position: relative; }

div.step-maker .step.active > label.step-number {
  color: #fff;
  border: 4px solid var(--shop-color-main);
  background-color: #fff; }

.step-number span {
  font-size: 0; }

div.step-maker .step > label.step-number > span {
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%); }

.step-number span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-family: FontAwesome;
  width: 30px;
  height: 30px;
  margin-top: 4px; }

div.step-maker .step > label.step-number span:before {
  background-size: contain; }

div.step-maker .step > label:last-child {
  font-weight: 300;
  word-break: break-all; }

div.step-maker .step.active > label:last-child {
  color: var(--shop-color-main); }

.step-number-1 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_cho_xu_ly.png") no-repeat 50% 50%; }

.step-number-2 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_finish.png") no-repeat 50% 50%;
  width: 20px;
  height: 20px;
  margin-top: 0; }

/*.step-number-3 span:before {background: url('//file.hstatic.net/1000230642/file/icon_box.png') no-repeat 50% 50%;}*/
.step-number-3 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_forward.png") no-repeat 50% 50%;
  width: 20px;
  height: 20px;
  margin-top: 0; }

.step-number-4 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_delivery.png") no-repeat 50% 50%; }

.step-number-5 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_finish.png") no-repeat 50% 50%;
  width: 20px;
  height: 20px;
  margin-top: 0; }

.outstock .step-number-2 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_sold_out.png") no-repeat 50% 50%;
  margin-top: 5px;
  width: 25px;
  height: 25px; }

.outstock .step-number-3 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_cancel.png") no-repeat 50% 50%;
  margin-top: 3px;
  width: 20px;
  height: 20px; }

.returnstock .step-number-2 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_finish.png") no-repeat 50% 50%; }

.returnstock .step-number-3 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_box.png") no-repeat 50% 50%;
  width: 25px;
  height: 25px;
  margin-top: 7px; }

.returnstock .step-number-4 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_forward.png") no-repeat 50% 50%;
  width: 20px;
  height: 20px;
  margin-top: 0px; }

.returnstock .step-number-5 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_delivery.png") no-repeat 50% 50%;
  margin-top: 7px;
  width: 25px;
  height: 25px; }

.returnstock .step-number-6 span:before {
  background: url("//file.hstatic.net/1000230642/file/icon_cancel.png") no-repeat 50% 50%;
  margin-top: 4px; }

div.step-maker .step:last-child:before {
  position: absolute;
  height: 5px;
  border-bottom: 0px solid black;
  content: none; }

@media screen and (max-width: 768px) {
  .bitis-tracking__history {
    overflow-x: scroll; }
  .shipment-tracking__progress {
    width: 100%; }
  .steps-indicator__item {
    margin-left: 5px;
    width: 30%; } }

@media (min-width: 1025px) {
  .step-maker-container .returnstock .step,
  .step-maker-container .instock .step {
    min-width: 120px !important; }
  .step-maker-container .outstock .step {
    min-width: 120px !important; } }

@media (max-width: 1024px) {
  .step-maker-container .returnstock .step,
  .step-maker-container .instock .step {
    min-width: 105px !important; }
  .step-maker-container .outstock .step {
    min-width: 185px !important; } }

@media (max-width: 991px) {
  .step-maker-container .returnstock .step,
  .step-maker-container .instock .step {
    min-width: 100px !important; }
  .step-maker-container .outstock .step {
    min-width: 150px !important; } }

@media (max-width: 767px) {
  .step-maker-container .returnstock .step,
  .step-maker-container .instock .step {
    min-width: 100% !important; }
  .step-maker-container .outstock .step {
    min-width: 100% !important; } }

@media (max-width: 767px) {
  .collapse-box__header ul li {
    display: block;
    border: 0;
    padding: 0; }
  .collapse-box__header ul li:before {
    content: "-";
    margin-right: 5px; }
  div.step-maker .step {
    width: 100% !important;
    min-width: 100% !important;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    overflow: hidden; }
  div.step-maker .step:before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    border: 1px solid #007ec6;
    top: 0;
    left: 17px; }
  .collapse-box__body .step-maker-container .returnstock .step, .collapse-box__body .step-maker-container .instock .step {
    min-width: 100% !important; }
  .collapse-box__body .step-maker-container .outstock .step {
    min-width: 100% !important; }
  div.step-maker .step > label.step-number {
    margin-right: 5px; }
  td.tab_img a {
    display: block; }
  .order_bg .step-maker-container {
    padding: 10px; }
  .order_tracking_controls {
    max-width: inherit; }
  .or_styles {
    padding-top: 10px;
    padding-bottom: 10px; }
  h1 {
    font-size: 18px;
    margin: 25px 0 15px 0; }
  #tracking_order_form {
    flex-wrap: wrap; }
    #tracking_order_form .or_styles {
      display: none; }
    #tracking_order_form .form-group {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      margin: 0; }
    #tracking_order_form #search_order_tracking {
      width: 100%;
      margin: 0; } }