@import url(cart.css);

.order-list {
    padding-top: 30px;
    margin: 0 auto;
    color: #444;
}
.table-h thead th{
  color: #444;
  font-weight: normal;
}
.table-h thead th{
  /*padding-top: 35px;*/
}
.table-h thead th.atlist{
  min-width: 90px;
}
.order-list tbody td.orange-color{
  color: #0062a9;
  font-weight: bold;
}

.order-list tbody td {
    padding: 15px 10px;
    padding-right: 0;
    box-sizing: border-box;
}
.order-list tbody td strong {
    color: #bdc21f;
}
.order-list tbody td strong:hover{
    color: #006734;
}
.table .btn.normal {
    margin: 0;
    background: #fff;
}
.table .btn.normal:hover {
    background: #eee;
}
.order-list + .btn-box {
    padding-top: 30px;
}
.order-list + .btn-box .pagination-title {
    /*display: none;*/
}
hr.divider {
    border: 0;
    border-top: 1px dotted #A75F16;
    margin: 40px 0 20px;
}


.order-detail {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 720px;
    position: relative;
}
.order-detail .table-v{
  border-top: none;
  border-bottom: none;
}
.order-detail .col{
  width: 50%;
  float: left;
}
.order-detail .col.col1{
  box-sizing: border-box;
  padding: 0 5px;
}
.btn.normal3.ordil{
  position:relative;
}
.table-v tr.sheit{
  height: 67px;
}
.order-detail{
  position: relative;
}
.order-detail .btn.normal2{
  position: absolute;
  top:8px;
}
.ordil.reminder{
  margin-bottom: 20px;
}
@media screen and (max-width: 1424px) {
  .table-v tr.sheit{
    height: 95px;
  }

}
@media screen and (max-width: 1280px) {
  .order-detail .col{
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
    .order-list tbody tr {
        padding: 10px 5px;
    }
    .order-list tbody td {
        padding: 5px;
    }
    .table .btn.normal {
        margin: 3px 0;
    }
    .order-detail .col{
      float: none;
      width: 100%;
    }
    .order-detail .col.col1{
      border: none;
    }
    .order-detail .col.col1 .table-v{
      border: none;
    }
    .order-list tbody td.btn-holder{
      text-align: left;
    }
    .order-list{margin-top: 20px;}
}
@media screen and (max-width: 480px){
  .content{
    padding: 15px;
  }
  .table-v th::after{display: none;}
  .order-detail{
    padding: 30px 0;
  }
}
@media screen and (max-width: 400px){
  .order-list tbody td.btn-holder .btn.normal2{
    margin-bottom: 5px;
  }
}