﻿/* START PORTED ORDER CLASSES */
.blockFormSection {
    display: block;
    vertical-align: top;
    margin-bottom: 40px;
}
.chkwrap2 .blockFormSection {
margin-bottom:0px;
}

.neat {
    margin-bottom: 20px;
}

.FormCol {
    display: inline-block;
    vertical-align: top;
    margin-left: 40px;
    text-align: left;
}



.FormFieldSection {
    display: block;
    margin: 40px 0px 0px 0px;
    vertical-align: top;
}
.formgroup-title {
display:flex;
flex-direction:row;
justify-content:space-between;
margin-bottom:40px;
}
.formgroup-title .FormFieldSet {
    margin:0px;
}
.checkout-wrapper input, .checkout-wrapper select {
    background-color: transparent;
}


    .fldgrp-multiinput {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}
#btnRefreshZipCode {
margin:0px 20px;
padding:10px;
font-size:24px;
}
.fldgrp-multiinput input:first-of-type {
    padding-right: 20px;
}
    /*
.FormFieldSet {
    display: block;
    vertical-align: top;
    margin: 12px 0px;
}*/
    .FormFieldWrap {
        display: inline-block;
        vertical-align: top;
        padding-right: 0px;
        text-align: left;
    }
    
.FormLabel {
    display: inline-block;
}

.line {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
}

.accountspage-wrapper .line {
    border-bottom: none;
    padding-bottom: 20px;
}
.accountspage-wrapper h1 {
    padding-bottom: 40px;
    text-align:left;
}

.accountspage-wrapper .lbl-display {
display:block;
font-weight:500;
}

.accountspage-wrapper .gold-row {
    border-bottom: 1px solid #c7c7c7;
}

.accountspage-wrapper .fldgrp-multiinput {

}
.accountspage-wrapper .FormFieldSet {
    margin-bottom:20px;
}
.msg-minor, .form-minor {
    font-size: 12px;
}

.btn-qtyadjust {
    vertical-align: middle;
}

.chkwrap input[type=text] {
    display: inline-block;
    width: 210px;
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #7f7f7f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #7f7f7f;
    margin-right: 4px;
    vertical-align: middle;
}

.chkwrap input.fieldwide {
    width: 318px;
}

.chkwrap input.fieldsmall {
    width: 140px;
}

.chkwrap input.fieldxsmall {
    width: 110px;
}
.fldgrp-multiinput input.fieldxsmall {
    width: 140px !important;
}
.fldgrp-multiinput span {
    align-content:center;
}

.chkwrap input[type="checkbox"] {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0 12px;
    font-size: 16px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #7f7f7f;
    margin-right: 4px;
    vertical-align: middle;
}

.orderhistory-col-date {
    text-align: center;
}

.gv-row {
    height: 60px;
    vertical-align: middle;
}

.order-stamp-row {
    text-align: left;
    font-weight: 500;
    margin-bottom: 40px;
}

.order-emptymsg-all .td_cell {
    border-bottom: none !important;
}

.order-emptymsg {
    padding-top: 20px;
}


.like_table .msg-empty {
    width: 100%;
    position: relative;
    padding-left: 0px;
    min-height:400px;
}

.msg-error, .msg-userunavailable {
    color: red;
}

.msg-useravailable {
    color: green;
}

.customer-row {
    text-align: left;
    margin-left: 60px;
    margin-bottom: 40px;
}
.receipt-wrapper .customer-row,.checkout-wrapper .customer-row {
    margin-left: 0px;
}

.checkout-wrapper .subtitle-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top:40px;

}

    .subtitle-row .edtlink {
    text-decoration:underline;
    }

    

.customer-col-billing {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: left;
    margin-right: 40px;
}
.checkout-wrapper .customer-col-billing {
    width: 100%;
}
.receipt-wrapper .customer-col-billing {
    width: 40%;
}
.customer-col-shipping {
    display: inline-block;
    vertical-align: top;
}

    .customer-col-billing .lblfield, .customer-col-shipping .lblfield {
        font-weight: 500;
    }

.order-row {
display:flex;
flex-direction:row;
justify-content:space-between;
}
    .order-row .lblfield {
    font-weight: 500;
    }
    .order-col {
        vertical-align: top;
        text-align: left;
        margin-right: 40px;
    }
.order-col-item {
    padding-bottom:20px;
}
.order-lead-row {
display:flex;
flex-direction:row;
justify-content:space-between;
padding-top:20px;
}
    .order-lead-row a {
    text-decoration:underline;
    font-weight: 500;
    }
.sidebar-item-col-delete {
    display: inline-block;
    vertical-align: top;
}

.sidebar-item-col-img {
    display: inline-block;
    vertical-align: top;
}

    .sidebar-item-col-img .oimg {
        width: 60px;
    }

.sidebar-item-col {
    display: inline-block;
}

.sidebar-item-row-name {
    font-weight: 500;
    max-width: 240px;
}

.sidebar-item-row-priceqtycombo {
    display: block;
}

.sidebar-item-col-price {
    display: inline-block;
}

.sidebar-item-col-qty {
    display: inline-block;
    margin-right: 2px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}

.sidebar-item-row-multishipmultimethod {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.sidebar-item-col-shipto {
    display: inline-block;
}

.sidebar-item-col-shipmethod {
    display: inline-block;
}

.sidebar-total-row {
    background-color: #003399;
    text-align: right;
    padding-right: 6px;
}

.giftnotecharlimittext {
    color: #bfad7f;
    font-size: 16px;
}

.printinvoicebase .invoice-wrap {
    width: 685px;
    color: #000000;
    font-size: 16px;
    margin: 10px;
}

.printinvoice-header {
    width: 100%;
    text-align: center;
}

.printinvoicebase .order-item-row-header {
    color: #000000;
    background: none;
    border-bottom: 1px solid #000000;
    border-top: 2px solid #000000;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
}

.checkoutpre-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction:row;
    width:100%;
    margin-top:40px;
}

    .checkoutpre-wrap .ecomForm input[type=password], .checkoutpre-wrap .ecomForm input[type=text] {
        max-width:unset;
        max-width:initial;
    }

    .checkoutpre-wrap .ckmem label {
        padding-left: 20px;
    }

.checkoutpre-wrapper {
    max-width: 114rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;

}
    .checkoutpre-wrapper > div:first-of-type {
        display: flex;
        flex-direction: column;
        justify-content: left;
    }
.checkout-wrapper .chkwrap2 {
margin-top:40px;
}

.checkout-wrapper .chkwrap2, .checkout-wrapper > div:first-of-type {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.receipt-wrapper > div:first-of-type {
    flex-direction:column;
    justify-content:flex-start;
}

    .checkout-wrapper .chkwrap2 .checkout-col {
        width: 40%;
    }
    .checkout-wrapper .chkwrap2 .checkout-col:first-of-type  {
        width:56%;
    }
        .checkoutpre-col {
            text-align: left;
            max-width: 50%;
            vertical-align: top;
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
        }

    .checkoutpre-col .fieldpanel {
        display: flex;
        flex-direction: column;
    }
    .checkoutpre-col .fieldpanel label{
        font-size: 18px;
    }

.bill-block {
margin-top:40px;
}
    .checkoutpre-wrap .checkoutpre-col, .chk-col {
        padding: 0px;
        min-width: 368px;
    }
.checkout-wrapper input[type=text] {
    padding:.8rem 0;
    width:20px;
}
.form__embed input[type=submit] {
padding:1.2rem 3rem;
font-size:1.4rem;
}
.aux-wrap input[type=checkbox] {
    padding-left: 24px;
}
.btn-CheckoutPreWrap2 a{
    width:100%;
    margin-bottom:10px;
}
.btn-CheckoutPreWrap2 .tease-product__tech-sheet {
    border:1px solid #1a1a1a;
}
.chk-col {
    width: 35%;
}
.checkoutpre-wrap .login {
    width: 100%;
}

.checkout-wrapper .ElementsApp .InputElement {
font-family:'primaryfont',sans-serif !important;
}
.guestcol {
    display: block;
    text-align: center;
    max-width: unset;
    max-width: initial;
}

.checkoutpre-col h2 {
    color: #000000;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .rowrepeater {
    font-size: 12pt;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-multishipmultimethod {
    width: 34%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-name {
    width: 36%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout-main .order-item-col-name {
    width: 70%;
}

.invoice-summary-col {
    display: inline-block;
}

.invoice-summary-section {
    display: inline-block;
    float: right;
}

.invoice-summary-nums {
    border: 1px solid #000000;
    display: inline-block;
}

.invoice-summary-due {
    margin-top: 10px;
    border: 1px solid #000000;
    display: inline-block;
}

.invoice-summary-nums-row {
    display: table;
}

.invLabel-col {
    display: table-cell;
    width: 110px;
    margin-right: 10px;
    text-align: left;
    padding: 2px;
}

    .invLabel-col .genLabel {
        padding-bottom: 0px;
    }

.invNumLabel-col {
    display: table-cell;
    text-align: right;
    width: 120px;
    padding: 2px;
}

.invoice-wrap .lblfield {
    color: #000000;
}

.printinvoicebase .invoice-wrap .order-item-col-img {
    display: none;
}

.printinvoice-multishipmultimethod .order-summary-all, .printinvoice-main .order-summary-all {
    font-size: 14px;
}

    .printinvoice-multishipmultimethod .order-summary-all .address-name {
        border-bottom: 1px dashed gray;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-row-shipmethod {
        border-top: 1px dashed gray;
    }

    .printinvoice-main .order-summary-all .order-item-col-name {
        width: 55%;
    }

    .printinvoice-main .order-summary-all .order-item-col-price {
        width: 12%;
    }

    .printinvoice-main .order-summary-all .order-item-col-qty {
        width: 15%;
    }

    .printinvoice-main .order-summary-all .order-item-col-amt {
        width: 15%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-name {
        width: 40%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-multishipmultimethod {
        width: 30%;
    }

.printinvoicebase .order-summary-all .order-summary-col-totalssection {
    padding-right: 16px;
}

.printinvoicebase-main .rowrepeater:nth-child(even) {
    background-color: #edf0f1;
}

.printinvoicebase .order-summary-row-promostotals {
    border-top: 1px solid #000000;
}

.title_mobile {
    display: none;
}

.form-group input[type=button] {
    color: #ffffff;
    background-color: #7f7f7f;
    text-transform: capitalize;
    display: inline-block;
    padding: 6px 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

    .form-group input[type=button]:hover {
        background-color: #ffffff;
        color: #7f7f7f;
        border: 1px solid #7f7f7f;
    }


.shoplayout-main {
    color: #7f7f7f;
    width: 100%;
    text-align: left;
    margin-top:60px;
    min-height:400px;
}

    .shoplayout-main img {
    width:unset;
    }
    .shoplayout-main .oimg {
        width: 100%;
    }

    .shoplayout-main h1 {
        text-align: left;
        color: #1a1a1a;
        font-weight:500;
    }
.shoplayout-main .titlerow {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
    .shoplayout-main .titlerow h1 {
        font-size:22px;
    }
    .shoplayout-main .titlerow a {
    text-decoration:underline;
    }
.order-item-row, .readonlysummary .rowrepeater, .readonlysummary .order-item-row-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0px;
}

.readonlysummary .order-item-row-header {
background-color:#1a1a1a;
color:#ffffff;
font-weight:500;
font-size:15px;
}

.order-summary-row-promostotals-wrap {
    color: #1a1a1a;
    font-weight: 500;
    width:28%
}

.checkout-wrapper .order-summary-row-promostotals-wrap{
    width: 100%;
}
.receipt-wrapper .order-summary-row-promostotals-wrap {
    width:40%;
}

    .checkoutpre-col .order-summary-all {
        width: unset;
        width: initial;
        max-width: 400px;
    }
.checkoutpre-col .order-summary-row-promostotals-wrap {
    width: unset;
    width: initial;
}

.order-summary-row-promostotals-wrap h1 {
    padding-bottom: 16px;
}

.checkoutpre-wrapper .shoplayout-main {
margin-top:0px;
}
.checkoutpre-wrapper .order-summary-all {
    display: flex;
    flex-direction: column-reverse;
    min-width:428px;
}
.receipt-wrapper .order-summary-all {
    flex-direction:row;
}


    .order-summary-all .order-summary-col-totalssection {
        text-align: right;
        margin-bottom: 20px;
    }
.btnwide {
width:100%;}

.order-summary-all .order-section-col-subtotal, .order-summary-all .order-section-col-EstShipping, .order-summary-all .order-section-col-EstTax, .order-summary-all .order-section-col-total {
    width: 100%;
    text-align: left;
}

.readonlysummary .order-item-col-amt {
    padding-right: 10px;
}
.readonlysummary .order-item-row {
    width: 100%;
}
    .order-item-row div {
        align-content: center;
    }

.order-item-col-qty {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    text-align: center;
    justify-content: center;
}

.order-item-col-qty img {
    width:35px;
    height:35px;
    margin:0px 10px;
}
    .order-item-col-qty input {
        width: 50px;
        height: 35px;
        text-align: center;
        border:none;
        border-bottom: 1px solid #1a1a1a;
    }

.readonlysummary {
    font-size: unset !important;
    font-size: initial !important;
    margin-bottom: 14px;
}

.order-summary-all {
    max-width: 114rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
    display:flex;
    flex-direction:row;
    justify-content:left;
}
.receipt-wrapper .order-summary-all {
padding-left:0px;
}

.order-summary-all > div:first-of-type {
    width: 56%;
    margin-right: 10%;
}

.checkoutpre-col .order-summary-all > div:first-of-type, .checkout-wrapper .order-summary-all > div:first-of-type {
    width: 100%;
    margin-right: 0px;
    margin-top: 40px;
}
.receipt-wrapper .order-summary-all > div:first-of-type {
    margin-top: 0px;
    margin-right:60px;
}

.checkoutpre-col .order-item {
align-items:center;
}
    .checkoutpre-col .order-item .order-item-img {
        width: 102px;
        padding: 0px;
        vertical-align: middle;
        height: 102px;
        display: flex;
        align-items: center;
    }

.checkout-wrapper .checkoutsubmit {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:40px;
}
    .checkout-wrapper .checkoutsubmit a {
        margin-right: 40px;
        padding-top:1.6rem;
        font-weight: 500;
    }
    .checkout-wrapper .checkoutsubmit input {
        width:100%;
    }
/* END PORTED ORDER CLASSES */
.order-item-col-delete.td_cell {
    /*width: 36px;
    padding: 33px 5px 33px 20px;*/
    text-align: center;
}

.order-item-col-name {
    width: 40%;
}

.readonlysummary .order-item-col-name {
    width: 54%;
}

.order-item-col-price {
    width: 10%;
}

.order-item-col-qty {
    width: 10%;
}
.order-item-col-amt {
    width: 10%;
    text-align:right;
}

.order-item {
display:flex;
flex-direction:row;
justify-content:space-between;
color:#1a1a1a;
margin-block:20px;
}

.receipt-wrapper .order-item {
justify-content:flex-start;
}

.order-item .order-item-img {
    width: 180px;
    height: auto;
    margin-right: 18px;
    vertical-align: top;
    background-color: #f7f7f7;
    padding: 20px;
    text-align: center;
    align-content:center;
}
    .order-item .order-item-details {
    display:flex;
    flex-direction:column;
    width:70%;
    }

.order-item .od-del {
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    font-size: 13px;
}

        .order-item .order-item-details > div:first-of-type {
            padding-bottom: 0px;
        }
    .order-item .order-item-details >div{
        padding-bottom:4px;
    }

        .order-item .order-item-details .order-item-detail-line-cols {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    .order-item .od-name {
        font-weight: 500;
        padding-right: 10px;
        line-height: 20px;
        align-self:center;
    }
.order-summary-col-buttons {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
margin-top:60px;
}
    .order-summary-col-buttons .btn-ContinueShoppingImageButton {
        padding-bottom: 20px;
    }

        .order-summary-col-buttons .btn-ContinueShoppingImageButton .tease-product__tech-sheet {
            border:1px solid #1a1a1a;
        }

.btn-DeleteImageButton, .btn-qtyadjust {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 0 0rem;
    cursor: pointer;
}

.order-item .btn-DeleteImageButton, .order-item .btn-qtyadjust {
    background-color: transparent;
    color: #1a1a1a;
}
.order-item .btn-DeleteImageButton {
font-size:13px;
text-decoration:underline;
padding-right:12px;
}

.order-item .od-qty {
    display: flex;
    flex-direction: row-reverse;
    height: 26px;
    justify-content: flex-end;
}
    .order-item .od-qty input {
        border: none;
        font-size: 15px;
        max-width: 40px;
        height:18px;
        margin:0px 6px;
        text-align:center;
    }
        .order-item .od-qty input:active, .order-item .od-qty input:focus, .order-item .od-qty input::selection {
            border: none;
            outline:none;
        }
.btn-qtyadjust {
    border: 1px solid #1a1a1a;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-item .order-item-detail-price-col {
font-weight: 500;
width:278px;
text-align:right;
display:flex;
flex-direction:column;
}

.order-item .detail-line-note {
    font-weight:normal;
    font-size:13px;
}

.btn-checkout, .btneditorder, .accountspage-wrapper .button, .acctorderhistory .btn_btn {
    border-radius: .3rem;
    text-align: center;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #1a1a1a;
    color: #ffffff;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    cursor: pointer;
    font-size: 1.4rem;
    padding-bottom: 1.2rem;
    padding-top: 1.2rem;
    font-weight: 500;
    line-height: 1;
    border-color: transparent;
    border-radius: .3rem;
    border-style: solid;
    border-width: .1rem;
}
.order-section-row {
display:flex;
flex-direction:row;
justify-content:flex-end;

}
.page-title-ordersumm {
    display:flex;
    max-width: 144rem;
    text-align: center;
}
.page-title-ordersumm .checkout-controls {
    width:144rem;
    text-align: left;
}

.order-section-row > div:first-of-type {
    padding-right: 10px;
}
    .order-section-row > div:nth-of-type(2) {
        width:278px;
    }
.order-summary-row-promostotals {

}

.accountspage {
    width: 100%;
    display: flex;
    justify-content: center;
    justify-self: center;
    padding-left: var(--container-padding);
}
.accountspage-wrapper {
width:144rem;
text-align:left;
}



/*--  start cart  --*/
#container2 {
    display: inline-block;
}

.cart-trigger {
    display: block;
    position: relative;
    z-index: 1;
    height: 38px;
    width: 26px;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    background: #f1f2f2;
    right: 6px;
    text-align: center;
}

    .cart-trigger span,
    .cart-trigger span:before,
    .cart-trigger span:after {
        content: '';
        text-align: center;
        display: block;
        position: relative;
        height: 3px;
        width: 20px;
        background: #d70036;
        cursor: pointer;
        border-radius: 4px;
    }

    .cart-trigger span {
        top: 17px;
        left: 9px
    }

        .cart-trigger span:before {
            top: -6px;
        }

        .cart-trigger span:after {
            bottom: -3px;
        }

    .cart-trigger strong {
        display: inline-block;
        z-index: 1;
        top: 11px;
        right: 5px;
        margin-top: -1px;
        color: #d70036;
        font-size: 14px;
        font-weight: 300;
        text-decoration: none;
        text-transform: uppercase;
    }

    .cart-trigger,
    .cart-trigger span,
    .cart-trigger span:before,
    .cart-trigger span:after,
    .cart-trigger strong {
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

.cart-opening .cart-trigger {
}

    .cart-opening .cart-trigger span {
        top: 4px;
        left: 5px;
        width: 26px;
        height: 26px;
        background-color: transparent;
        border-radius: 100%;
    }

        .cart-opening .cart-trigger span:before {
            top: 11px;
            left: 3px;
        }

        .cart-opening .cart-trigger span:after {
            top: 8px;
            left: 3px;
        }

    .cart-opening .cart-trigger strong {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .cart-opening .cart-trigger span:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
/*--  end cart  --*/
/*--- start sidebar cart ---*/
.sidebar-item-col-delete {
    display: inline-block;
    vertical-align: top;
}

.sidebar-item-col-img {
    display: inline-block;
    vertical-align: top;
}

    .sidebar-item-col-img .oimg {
        width: 60px;
    }

.sidebar-item-col {
    display: inline-block;
}

.sidebar-item-row-name {
    font-weight: 500;
    max-width: 240px;
}

.sidebar-item-row-priceqtycombo {
    display: block;
}

.sidebar-item-col-price {
    display: inline-block;
}

.sidebar-item-col-qty {
    display: inline-block;
    margin-right: 2px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}

.sidebar-item-row-multishipmultimethod {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.sidebar-item-col-shipto {
    display: inline-block;
}

.sidebar-item-col-shipmethod {
    display: inline-block;
}

.sidebar-total-row {
    background-color: #003399;
    text-align: right;
    padding-right: 6px;
}
/*--- end sidebar cart ---*/
@media(max-width:880px) {
    .receipt-wrapper .order-item-row-header {
        display:none;
        visibility:hidden;
    }
    .receipt-wrapper .order-customer-section {
    padding:0px 20px;
    }

    .checkout-wrapper .FormCol {
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .order-item-row {
        flex-direction: column;
    }

        .order-item-row .order-item-col-name, .order-item-row .order-item-col-price, .order-item-row .order-item-col-qty {
            width: 100%;
        }

        .order-item-row > div {
            padding: 6px 0px;
            text-align: center;
        }

    .order-item-row {
        border-bottom: 1px solid #7f7f7f;
        padding-top: 20px;
    }

    .order-item-col-delete.td_cell {
        width: 35px;
    }

    .order-item-col-img {
        align-self: center;
    }

    .order-item-col-price:before {
        content: 'Unit price:';
        display: inline-block;
        padding-right: 10px;
    }

    .order-item-col-price>div {
        display: inline-block;
    }

    .order-item-row .order-item-col-amt {
        width: 100%;
        text-align: right;
    }

    .order-summary-col-buttons {
        justify-content: flex-end;
    }
    .checkoutpre-wrap .checkoutpre-col {
        max-width: 100%;
        width: 100%;
  
    }
}