/******************************************************************************
 *   ______                                                                   *
 *  /       \                                                                 *
 * /$$$$$$  | ________  __    __   ______    ______                           *
 * $$ |__$$ |/        |/  |  /  | /      \  /      \                          *
 * $$    $$ |$$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |                         *
 * $$$$$$$$ |  /  $$/  $$ |  $$ |$$ |  $$/ $$    $$ |                         *
 * $$ |  $$ | /$$$$/__ $$ \__$$ |$$ |      $$$$$$$$/                          *
 * $$ |  $$ |/$$      |$$    $$/ $$ |      $$       |                         *
 * $$/   $$/ $$$$$$$$/  $$$$$$/  $$/        $$$$$$$/                          *
 *                                                                            *
 * @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 0;
    margin-bottom: 25px;
}
.custom-order-items-image {
    float: left;
    width: 20%;
}
.custom-order-item-info {
    float: left;
    width: 30%;
    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: center;
}
.preview-custom-order-item-col-last {
    float: left;
    width: 100%;
}
.preview-custom-order-item-col-last-left {
    width: 50%;
    text-align: left;
    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: 15%;
    text-align: center;
}
.preview-custom-order-item-status span, .status span .order-status {
    font-weight: 700;
    color: #D9222A;
    text-transform: uppercase;
}
.preview-custom-order-item-action {
    float: left;
    width: 15%;
}
.preview-custom-order-item {
    float: left;
    width: 96%;
    padding: 10px;
    margin: 20px;
    border-bottom: 1px solid #bfbfbf;
}

.preview-custom-order-item:last-child{
    border-bottom: 0 !important;
}

.upload-package-pdf {
    float: right;
    margin-top: -55px;
  }

  #pdf-display-area{
  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;
    padding-right: 10px;
}
.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;
}

.order-action-row-admin .preview-custom-order-item-status{
  padding-left: 32px;
}