/******************************************************************************
 *   ______                                                                   *
 *  /       \                                                                 *
 * /$$$$$$  | ________  __    __   ______    ______                           *
 * $$ |__$$ |/        |/  |  /  | /      \  /      \                          *
 * $$    $$ |$$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |                         *
 * $$$$$$$$ |  /  $$/  $$ |  $$ |$$ |  $$/ $$    $$ |                         *
 * $$ |  $$ | /$$$$/__ $$ \__$$ |$$ |      $$$$$$$$/                          *
 * $$ |  $$ |/$$      |$$    $$/ $$ |      $$       |                         *
 * $$/   $$/ $$$$$$$$/  $$$$$$/  $$/        $$$$$$$/                          *
 *                                                                            *
 * @PROJECT    : 3D Preview Extension [Magetop.com]                           *
 * @AUTHOR     : Azure - Developer                                            *
 * @COPYRIGHT  : © 2019  Magetop.com                                          *
 * @LINK       : https://Magetop.com                                          *
 * @CREATED    :  10/01/2022                                                  *
 ******************************************************************************/
.preview-custom-order-items {
    float: left;
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 10px;
}

.custom-order-items-image,
.custom-order-items-3d {
    float: left;
    width: 20%;
}

.custom-order-item-info {
    float: left;
    width: 35%;
    display: grid;
}

.custom-order-item-info .pc-item-info:nth-child(2) a {
    color: #D9222A;
}

.custom-order-item-info .pc-item-info:nth-child(4) {
    font-weight: 700;
}

.custom-order-item-total {
    float: left;
    width: 20%;
    text-align: right;
}

.preview-custom-order-item-action {
    float: left;
    width: 15%;
    text-align: left;
}

.preview-custom-order-item-col-last {
    float: left;
    width: 100%;
}

.preview-custom-order-item-col-last-left {
    width: 50%;
    text-align: right;
    float: left;
}

.preview-custom-order-item-col-last-right {
    width: 50%;
    text-align: right;
    float: left;
}

.preview-custom-order-item-col-last-left.total,
.preview-custom-order-item-col-last-right.total {
    color: #222;
    font-weight: 700;
    font-size: 1.1em;
    margin-top: 5px;
}

.preview-custom-order-item-status {
    float: left;
    width: 10%;
    text-align: center;
}

.preview-custom-order-item-status span {
    font-weight: 700;
    color: #D9222A;
    text-transform: uppercase;
}

#product-custom-order-message {
    font-weight: 500;
    font-size: 1.8em;
    text-align: center;
}

.preview-custom-order-item {
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #bfbfbf;
}

.preview-order-tracking {
    float: left;
    width: 100%;
    margin-top: 20px;
}

/* tracking table */
table.table-tracking-items,
table.table-tracking-items th,
table.table-tracking-items td {
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
}

#form-add-tracking-item {
    width: 50%;
    margin: 10px auto;
    border: 1px solid #bfbfbf;
    padding: 10px;
}

#form-add-tracking-item input,
#form-add-tracking-item label {
    float: left;
    width: 100%;
}

#form-add-tracking-item label,
#form-add-tracking-item #btn-save-tracking {
    margin-top: 10px;
}

.admin__page-section.order-view-billing-shipping {
    display: none;
}

.admin__page-section-item.order-totals {
    margin-top: 20px;
}

.admin__page-section .custom-order-items-image,
.admin__page-section .custom-order-items-3d {
    width: 20%;
}

.admin__page-section .custom-order-item-info {
    width: 43%;
    margin-right: 5%;
    min-height: 200px;
}

.admin__page-section .custom-order-item-total {
    width: 32%;
}

.font-12 {
    font-size: 12px;
}

.admin__page-section .preview-custom-order-item-status {
    text-align: left;
    width: 40%;
    margin: 30px 20px 20px;
    padding-left: 60px;
}
.admin__page-section .order-action-row-admin .preview-custom-order-item-status
{
    margin: 0px 10px 0px 0px !important;
    padding-left: 0px !important;
}

.admin__page-section .preview-custom-order-item-action {
    width: 50%;
    margin: 30px 0 20px;
}

.admin__page-section .preview-custom-order-item-action p {
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.admin__page-section .btn-update-standard-status,
.admin__page-section .btn-update-standard-status-btn,
.admin__page-section .btn-download-custom-design,
.admin__page-section .btn-download-custom-design-approved,
.admin__page-section .btn-download-custom-design-failed,
.admin__page-section .btn-preview-upload-custom-design {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-transform: uppercase;
    border-radius: 40px;
    background-color: #D9222A;
    color: #fff;
    border: 1px solid #D9222A;
    padding: 10px 20px;
    margin: 0px 7px 0px 0px;
}

.admin__page-section .btn-preview-upload-custom-design svg {
    width: 16px;
    fill: #fff;
    margin-right: 10px;
}

.track-textarea {
    width: 80%;
    height: 70px;
}

.preview-custom-order-item-action .action.primary, .order-action-right-admin .action.primary {
  background-color: #D9222A;
  border-radius: 40px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 45px;
  font-size: 1.3rem;
  box-sizing: border-box;
  vertical-align: middle;
  margin-bottom: 5px;
  display: inline-block;
}

.preview-custom-order-item canvas,
.preview-custom-order-item .custom-order-items-image img {
    width: 160px !important;
    height: 160px !important;
}



.item-sales-shipment,
.page-actions-buttons #print,
#order_creditmemo,
#order-view-hold-button,
#order_ship,
#order_reorder,
#login_as_customer,
#order,
#invalidateToken {
    display: none !important;
}

.preview-order-change-pay-status {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%;
    text-align: left;
}

.btn-update-pay-status,
.btn-update-pay-status:hover,
.btn-update-pay-status:active,
.btn-update-pay-status:focus {
    background-color: #D9222A;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px 25px;
    font-size: 1.3rem;
    box-sizing: border-box;
    vertical-align: middle;
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 15px;
    border: 0;
}
.admin__page-section .preview-custom-order-item-action.package-item-list {
    width: 100%;
    margin: 30px 0 20px;
    text-align: right;
}

.order-action-row-admin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0;
}

.order-action-left-admin,
.order-action-right-admin {
    display: flex;
    align-items: center;
}
.order-action-row-admin-invoice{
  float: inline-end;
}

/* Keep admin button styles consistent */
.order-action-row-admin .action-default,
.order-action-row-admin .action-primary {
    white-space: nowrap;
}