/* -------------------------------------------------------------- 
 	Utils
-------------------------------------------------------------- */

.ml-0 {
    margin-right: 0 !important;
}

.ml-1 {
    margin-right: 4px !important;
}

.ml-2 {
    margin-right: 8px !important;
}

.ml-3 {
    margin-right: 16px !important;
}

.ml-4 {
    margin-right: 24px !important;
}

.ml-5 {
    margin-right: 36px !important;
}

.ml-6 {
    margin-right: 48px !important;
}

.mr-0 {
    margin-left: 0 !important;
}

.mr-1 {
    margin-left: 4px !important;
}

.mr-2 {
    margin-left: 8px !important;
}

.mr-3 {
    margin-left: 16px !important;
}

.mr-4 {
    margin-left: 24px !important;
}

.mr-5 {
    margin-left: 36px !important;
}

.mr-6 {
    margin-left: 48px !important;
}

.pl-0 {
    padding-right: 0 !important;
}

.pl-1 {
    padding-right: 4px !important;
}

.pl-2 {
    padding-right: 8px !important;
}

.pl-3 {
    padding-right: 16px !important;
}

.pl-4 {
    padding-right: 24px !important;
}

.pl-5 {
    padding-right: 36px !important;
}

.pl-6 {
    padding-right: 48px !important;
}

.pr-0 {
    padding-left: 0 !important;
}

.pr-1 {
    padding-left: 4px !important;
}

.pr-2 {
    padding-left: 8px !important;
}

.pr-3 {
    padding-left: 16px !important;
}

.pr-4 {
    padding-left: 24px !important;
}

.pr-5 {
    padding-left: 36px !important;
}

.pr-6 {
    padding-left: 48px !important;
}

.text-left {
    text-align: right
}

.text-right {
    text-align: left
}

.pull-left,
.float-left {
    float: right
}

.pull-right,
.float-right {
    float: left
}

/* -------------------------------------------------------------- 
 	Tables
-------------------------------------------------------------- */
caption {
    text-align: right;
}

th, td {
    text-align: right;
}

/* -------------------------------------------------------------- 
 	Order Summary (receipts like invoice, packaging slip etc.)
-------------------------------------------------------------- */

.order-summary td .attributes {
    margin-left: auto;
    margin-right: 30px;
}

.order-summary tr.child-row > td > .associated-product {
    margin-left: auto;
    margin-right: 30px;
}


/* -------------------------------------------------------------- 
 	Order totals
-------------------------------------------------------------- */

.order-totals td.label {
    padding-right: 0;
}

.order-totals td.value {
    text-align: left;
}

/* -------------------------------------------------------------- 
 	catalog
-------------------------------------------------------------- */

.child-product {
    float: right;
    margin-left: 20px;
    margin-right: auto;
}

.child-product-picture {
    float: right;
    margin-left: 20px;
    margin-right: auto;
}

/* -------------------------------------------------------------- 
 	rtl display breaks text in brackets in chrome 
-------------------------------------------------------------- */
h3:after {
    content: '\200E';
}