.variants {
    order: 2;
    margin-top: 4rem;
    width: 100%;
}

.variants table {
    border: 1px solid #000;
}
.variants table thead {
    background: #1f1f1f;
    color: #fff;
    font-weight: bold;
}

.variants table thead tr th {
    text-align: left;

}

.variants table tbody tr td {
    border: 1px solid black;
}

.variants table tbody tr td.vcolor,
.variants table tbody tr td.vstyle,
.variants table tbody tr td.vdepth,
.variants table tbody tr td.vheight,
.variants table tbody tr td.vprice,
.variants table tbody tr td.vprice,
.variants table tbody tr td.vqty,
.variants table tbody tr td.subtotal {
    text-align: left;
}


.variants .qty-wrapper {
    /* grid-x */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    /* align-middle */
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;


    /* align-center */
    /*-webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;*/
}

.variants .vname {
    width: 240px;
}

.variants .vsku {
    width: 140px;
}

.variants .vqty {
    width: 130px;
}

.variants .qty-wrapper .minus,
.variants .qty-wrapper .plus {
    font-size: 18px;
    background: #000;
    height: 30px;
    display: inline-block;
    color: #fff;
    width: 26px;
    text-align: center;
    cursor: pointer;
}

.variants .qty-wrapper input {
    width: 50px;
    height: 26px;
    padding: 1.4rem 1rem;
    text-align: center;
}

.variants .qty-wrapper .plus {
}

.variants .total {
    /* grid-x */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    /* align-top */
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; 
}

.variants .tfoot {
    margin-top: 2rem;
    /* grid-x */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    /* align-right */
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; 
}

.variants .total {
    margin-right: 2rem;
}

.variants .total-label {
    font-size: 18px;
    margin-right: 1rem;    
}
.variants .total-amount {
    font-size: 40px;
    margin-top: -4px;
}

.product-info-price {
    display: none;
}