/******************************************************************************
 *   ______                                                                   *
 *  /       \                                                                 *
 * /$$$$$$  | ________  __    __   ______    ______                           *
 * $$ |__$$ |/        |/  |  /  | /      \  /      \                          *
 * $$    $$ |$$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |                         *
 * $$$$$$$$ |  /  $$/  $$ |  $$ |$$ |  $$/ $$    $$ |                         *
 * $$ |  $$ | /$$$$/__ $$ \__$$ |$$ |      $$$$$$$$/                          *
 * $$ |  $$ |/$$      |$$    $$/ $$ |      $$       |                         *
 * $$/   $$/ $$$$$$$$/  $$$$$$/  $$/        $$$$$$$/                          *
 *                                                                            *
 * @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: 45%;
    margin-right: 5%;
    min-height: 200px;
}

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

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

.admin__page-section .preview-custom-order-item-action{
    width: 60%;
    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-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;
}

.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{
    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-view-cancel-button, #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;
}

