.modal_order_detail table{vertical-align:top;border-top:1px #ccc solid;}
.modal_order_detail td{vertical-align:top;border-bottom:1px #ccc solid;}
.modal_order_detail td[rel=n]{font-weight:bold;}

/* == ORDER LIST (on USER DASHBOARD) == */

.order{
	border-radius: 3px;
	margin:1rem 0; padding:0.5rem 1rem;
}
	@media (max-width: 600px) {
		.order{text-align:center;}
		.order .bt{margin:0.5rem;}
	}

.modal_order_detail p{
	margin:0.5rem;
}
.order [rel=id], .modal_order_detail [rel=id], .order .statuses{
	display:inline-block; padding:0.2em 1rem; margin-right:1rem;
	background-color: #999; background-color: rgba(100,100,100,0.8); color: #fff; border-radius:3px;
	border-radius:3em;font-family:monospace;
}
.order .statuses > span{ padding:0 0.3em;}

.order span[rel=pr_final]{
	display:inline-block;
	padding:0;
	padding-right:1rem;
	text-align:right;
	font-weight:bold;
	line-height: 3rem;
	min-width:8em;
}
.order [rel=ic_info]{
	display:inline-block; padding:0; margin:0 0.5rem; margin-left:0;
}
	.order [rel=ic_info] img{
		width: 1.2rem;
		margin-bottom:-0.2rem;
	}


/************ DETAIL OF AN ORDER rendered in a modal dialog ************/

	.modal_order_detail td{padding:0.5rem;}
	.modal_order_detail thead, .modal_order_detail tfoot{
		background-color: rgba(0,0,0,0.05);
		border-top: 2px rgba(0,0,0,0.2) solid;
		border-bottom: 2px rgba(0,0,0,0.2) solid;
	}

/************ Table ************/

	.order table.alt-row {
					width: 100%;
					border-collapse: collapse;
					}

	.order table.alt-row thead {
					border-top: 2px rgba(150,150,150,0.5) solid;
					border-bottom: 2px rgba(150,150,150,0.5) solid;
					}
	.order table.alt-row thead th {
					font-weight: bold;
					font-size: 15px;
					}

	.order table.alt-row thead > tr:not(.header-list-table) {
					background: #fff;
					border-top: 1px rgba(150,150,150,0.5) solid;
					border-bottom: 1px rgba(150,150,150,0.5) solid;
					}
	.order table.alt-row thead > tr:not(.header-list-table) td{
					line-height:1.7rem;
					color: #999;
					color: rgba(100,100,100,0.7);
					}
	.order table.alt-row tbody > tr {
					background: #f3f3f3;
					background: rgba(180,180,180,0.1);
					}
	.order table.alt-row tbody > tr:nth-child(2n) {
					background: #f3f3f3;
					background: rgba(180,180,180,0.2);
					}
	/*.order table.alt-row tbody > tr td:nth-child(2n) {background: rgba(180,180,180,0.1);}*/
	.order table.not-alt-row {
					background: transparent;
					}

	#main-content .order tbody tr.disabled {
					color: #aa9;
					}

	.order table.alt-row td,
	.order table.alt-row th {
					padding: 3px 5px;
					line-height: 1.3em;
					}

	.order table.alt-row tfoot td .bulk-actions {
					padding: 15px 0 5px 0;
					}

	.order table.alt-row tfoot td .bulk-actions select {
					padding: 4px;
									border: 1px solid #ccc;
					}

/* == MY ORDER (on USER DASHBOARD) == */

	.orders_order_form{
		max-width:700px; margin:1rem auto;
	}
	.orders_order_form div[rel=order_status]{
		text-align:center;
	}
	.orders_order_form div[rel=payment_history]{
		display:inline-block;
		width:auto;
		margin:1rem auto;
	}
	.orders_order_form h3 {display:table;padding:0.5rem 2rem!important;}

/* == PRODUCTS == */

    .product_prices {margin:1rem auto;}
    .product_prices * {margin:0;}
    .product_prices tr {border-bottom:1px #ccc solid;}
    .product_prices td {padding:0.7rem 0.5rem;font-size:0.9em;}
    .product_prices thead td {font-weight:bold;text-align:right;}
    .product_prices tfoot tr:last-child {border-bottom:3px #ccc solid;}
    .product_prices tbody tr:first-child {border-top:3px #ccc solid;}
    .product_prices tbody tr:last-child {border-bottom:3px #ccc solid;}
    .product_prices td.br {display:none;}
	.product_prices .pr_tot {font-weight:bold;}
	.product_prices .pr_bt{text-align:left;font-size:0.8em;}
	.product_prices .pr_thumb a{border:none;}
	.dir_price  .bt{margin-bottom: -0.9rem;}

    /* Phone */
    @media (max-width: 600px) {
        .product_prices, .product_prices tbody, .product_prices tfoot{display:block;width:100%;}
        .product_prices tr{display:block;width:100%;text-align:left;padding:0.5rem 0.2rem;}
        .product_prices tfoot tr{text-align:right;}
        .product_prices td{display:inline-block;padding:0.5rem 0.2rem;}
        .product_prices td.br {display:block;height:1px;padding:0px;}
        .product_prices td.pr_bt {display:block;}
        .product_prices .pr_ctrl {display:block;margin:0.5rem 0;}
		.product_prices .pr_bt{text-align:right;font-size:0.8em;}

        .product_prices thead{display:none;}
        .product_prices td.pr_thumb{}
        .product_prices td.pr_thumb img{height:100px;}
        .product_prices td.pr_tit{display:block;}
        .product_prices td.pr_vol:after{content:' m3';color:#999;}
        .product_prices td.pr_wei:after{content:' kg';color:#999;}
        .product_prices td.tot_wei{display:none;}
        .product_prices tr[rel=total] td.tot_wei{display:inline-block;}
        .product_prices td.tot_vol{display:none;}
        .product_prices tr[rel=total] td.tot_vol{display:inline-block;}
        .product_prices tr[rel=total] .br{border-bottom:1px #ccc solid;margin:0.5rem 0px;}
        .product_prices td.tot_vol:after{content:' m3';color:#999;}
        .product_prices td.tot_wei:after{content:' kg';color:#999;}

    }

    .product_prices .pr_tit2{color:#888;}
    .product_prices .pr_tit2:before{content:' [';}
    .product_prices .pr_tit2:after{content:'] ';}
    .product_prices .pr_n{white-space: nowrap;}
    .product_prices .pr_n:before{content:'x ';color:#999;}
    .product_prices .pr_n:after{content:' =';color:#999;}
    .product_prices select {width:auto;min-width:60px;}
    .product_prices .pr_thumb {text-align:center;vertical-align:middle;padding:0;padding-top:0.5rem;}
    .product_prices .pr_thumb img{height:70px;margin:0;}
    .product_prices .pr_bt.pending a{box-shadow:0px 0px 2px 1px rgba(255,0,0,1);}

    .product_total td{text-align:right;font-weight:bold;white-space: nowrap;}
    .product_total td.tot_amount{font-weight:normal;}
    .product_total[rel=total] td.tot_amount{font-weight:bold;}
    .product_total .tot_tit{text-align:right;}

    .shopping_cart_bt {text-align:center;}
    .shopping_cart_bt .bt[rel=proceed]{background-color:rgba(0,200,0,0.15);}

    .product_prices.order_detail tr[rel=total] td.tot_amount{color:#c00;}

/* overwrite embebbed module CSS */

.shop_mosaic.box_grid{
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))!important;
}
.shop_mosaic.box_grid.categories{
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))!important;
}