body {
    background-color: rgba(248, 248, 248, 1);
}
.order-container {
    max-width: 100%;
}
.order-list-box {
    background-color: #fff;
    padding: 1rem;
}
.order-list-box .order-list-title {
    color: rgba(117, 130, 177, 1);
    font-size: 1.5rem;
    font-weight: 700;
}
.order-list-box .order-list-item-box {
    display: flex;
    flex-wrap: wrap;
}
.order-list-box .order-list-item-box .order-list-item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
}
.order-list-box .order-list-item-box .order-list-item.active i {
    display: block;
}
.order-list-box .order-list-item-box .order-list-item i {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -48px;
    font-size: 64px;
    color: rgba(218, 223, 242, 1);
    display: none;
}
.order-list-box .order-list-item-box .order-list-item span {
    font-weight: 700;
    color: rgba(117, 130, 177, 1);
}
.order-list-box .order-table-box {
    overflow-y: auto;
}
.order-list-box .order-table-box table {
    background-color: #fff;
}
.order-list-box .order-table-box table thead, .order-list-box .order-table-box table tbody {
    background-color: rgba(245, 245, 245, 1);
}
.order-list-box .order-table-box table i {
    margin-left: 0.5rem;
}
.order-list-box .order-table-box table th, .order-list-box .order-table-box table td {
    min-width: 100px;
    font-weight: normal;
    border-bottom: 8px solid #fff !important;
    color: rgba(95, 94, 94, 1) !important;
}
.order-list-box .order-table-box table td.status-perfect {
    color: rgba(97, 112, 166, 1) !important;
}
.order-list-box .order-table-box table td.status-return {
    color: rgba(250, 133, 135, 1) !important;
}
.order-list-box .order-table-box table td.status-return-ok {
    color: rgba(177, 190, 168, 1) !important;
}
.order-list-box .order-table-box table td.status-second {
    color: rgba(159, 136, 212, 1) !important;
}
.order-list-box .order-table-box table td.status-notclaimed {
    color: rgba(27, 33, 91, 1) !important;
}
.order-list-box .order-table-box table td.status-notclaimed2 {
    color: rgba(152, 148, 148, 1) !important;
}
.order-list-box .order-table-box table th:nth-child(4) {
    min-width: 120px;
}
.order-list-item-info-box {
    margin-top: 0.5rem;
    background-color: rgba(218, 223, 242, 1);
    border-radius: 15px;
    padding: 1rem;
    position: relative;
    z-index: 10;
}
.order-list-item-info-box .table-container {
    overflow-y: auto;
}
.order-list-item-info-box .table-container .table {
    position: relative;
}
.order-list-item-info-box .table-container .table thead th {
    background-color: rgba(245, 245, 245, 1);
    font-weight: normal;
    border-bottom: 8px solid rgba(218, 223, 242, 1) !important;
    color: rgba(95, 94, 94, 1) !important;
}
.order-list-item-info-box .table-container .table tbody tr {
    background-color: rgba(255, 255, 255, 1);
    border-bottom: none !important;
}
.order-list-item-info-box .table-container .table tbody tr th, .order-list-item-info-box .table-container .table tbody tr td {
    min-width: 100px;
    font-weight: normal;
    border-bottom: none;
    vertical-align: middle;
}
.order-list-item-info-box .table-container .table tbody tr th {
    display: flex;
    align-items: center;
}
.order-list-item-info-box .table-container .table tbody .tr-title {
    background-color: rgba(245, 245, 245, 1);
}
.order-list-item-info-box .table-container .table tbody .tr-buyer {
    background-color: #D1B2E1;
}
.order-list-item-info-box .table-container .table .img-box {
    display: inline-block;
    margin-right: 0.5rem;
    border-radius: 10px;
    overflow: hidden;
}
.order-list-item-info-box .table-container .table .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 992px) {
    .order-container {
        max-width: 980px;
   }
}