hedera-web/forms/ecomerce/orders/style.css

.orders
{
	padding: 1em;
}
.orders .box
{
	max-width: 25em;
}

/* Balance */

.balance
{
	margin-right: .5em;
}
.balance > *
{
	vertical-align: middle;
}
.balance > .amount
{
	color: white;
	padding: 0.3em;
}
.balance > .info
{
	display: inline;
	cursor: pointer;
	height: 1.2em;
	cursor: pointer;
}
.balance > .negative
{
	background-color: #EF5350;
	border-radius: 0.1em;
	box-shadow: 0 0 0.4em #666;
}
.balance-popup
{
	width: 25em;
}
.balance-grid
{
	width: 100%;
	margin: auto;
}

/* List */

.orders .item
{
	display: block;
	padding: 1em;
	border-bottom: 1px solid #DDD;
}
.orders .item:hover
{
	background-color: rgba(1, 1, 1, 0.05);
}
.orders .item > p
{
	margin: .1em 0;
}
.orders .item > p.important
{
	font-size: 1.2em;
}
.orders .item > p.total
{
	float: right;
}