/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [ORDERS DETAILS]

    [MEDIA QUERIES]
*/


/* [ORDERS DETAILS] --------------------------------------------------- */
.order-status .status-box .status {
    background: green;
    color: #fff;
    padding: .5rem;
    border-radius: 7px;
}
.order-item-table-row {
    border-bottom: 0.06rem solid #ccc;
}
.order-complete-detail .order-number-date-wrap .order-date {
    float: none;
    display: block;
}
.table th{
    font-weight:500;
}
/* [ORDERS DETAILS] END--------------------------------------------------- */


/* [MEDIA QUERIES] --------------------------------------------------- */
@media screen and (min-width:768px)
{
#tblOrderSubItems tr > th {
    background: none;
    border-bottom: 0;
    border-top: 0.06rem solid #ccc;
    padding-top: 1.25rem;
}
}
@media screen and (max-width:767.98px){
    .modal .modal-footer .row {
        width: auto;
    }

    .modal .order-subtotal, .modal .order-items-count {
        text-align: center;
    }

}
/* [MEDIA QUERIES] END--------------------------------------------------- */