/* START PORTED ORDER CLASSES */
.blockFormSection {
    display: block;
    vertical-align: top;
    margin-bottom: 40px;
}

.chkwrap2 {
    display: flex;
    flex-direction: row;
}

.chkwrap2 .blockFormSection {
margin-bottom:0px;
}

    .chkwrap2 .checkout-col:first-of-type {
    width:60%;
    margin-right:40px;
    }
    .chkwrap2 .checkout-col:nth-of-type(2) {
        width: 30%;
        background-color:#f8f8f8;
    }

.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: 20px;
        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: bold;
    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: 20px;
    min-height:400px;
}

.msg-error, .msg-userunavailable {
    color: red;
}

.msg-useravailable {
    color: green;
}

.customer-row {
    text-align: left;
    margin-bottom: 40px;
}

.customer-col-billing {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: left;
    margin-right: 40px;
}

.customer-col-shipping {
    display: inline-block;
    vertical-align: top;
}

    .customer-col-billing .lblfield, .customer-col-shipping .lblfield {
        font-weight: bold;
    }

.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: bold;
    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: bold;
}

.checkoutpre-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction:row;
    width:100%;
}

    .checkoutpre-wrap .ckmem label {
    padding-left:20px;
    }

.checkoutpre-col {
    text-align: center;
    max-width: 24%;
    vertical-align: top;
    margin-bottom: 20px;
}

.checkoutpre-col .fieldpanel {
display:flex;
flex-direction:column;
justify-content:center;
}

.checkoutpre-wrapper input[type="text"], .checkoutpre-wrapper input[type="password"] {
    max-width: 100%;
}

.checkoutpre-wrapper .FormFieldWrap {
width:100%;
}

.checkoutpre-wrap .checkoutpre-col, .chk-col {
    background-color: #f7f7f7;
    padding: 20px;
    min-width: 368px;
}
.chk-col {
width:35%;
}
.checkoutpre-wrap .login {
    width: 100%;
}

.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;
    }

.btn-DeleteImageButton {
    cursor: pointer;
}
.shoplayout-main {
    color: #7f7f7f;
    width: 100%;
    text-align: left;
    margin-top:60px;
    min-height:400px;
}

    .shoplayout-main img {
    width:unset;
    }
    .shoplayout-main .oimg {
        width: 100px;
    }

.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: #326cc4;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
}

.order-summary-all .order-summary-col-totalssection {
text-align:right;
margin-bottom:20px;
}

.payment-block {
text-align:left;}

.order-summary-all .order-item .order-item-details, .order-summary-all .order-item .order-item-details .order-item-detail-line-cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
    .order-summary-all .order-item .order-item-details .order-item-detail-line-cols {
        width: 100%;
    }
.estorder .order-summary-all .order-item .order-item-details .order-item-detail-line-cols {
    justify-content: flex-start;
}

.readonlysummary .order-item-col-amt {
    padding-right: 10px;
}
.readonlysummary .order-item-col-name {
    padding-left: 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: 144rem;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
}
.readonlysummary .order-summary-all {
    padding-left: 0rem;
    padding-right: 0rem;
}
    .readonlysummary .order-summary-all .order-item-row-header tr_row {
        padding-left: 0rem;
        padding-right: 0rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

/* 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-summary-col-buttons {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
padding-bottom:20px;
}

.order-item-detail-line-cols {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
}
.btn-qtyadjust {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 0 1.2rem;
    cursor: pointer;
}
.btn-qtyadjust {
height:35px;
margin:4px 4px;
}
.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:100px;
    }
.order-summary-row-promostotals {
margin-top:20px;
}

.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: bold;
    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%;
  
    }
}