.orders { padding: 1em; } .orders .box { max-width: 25em; } /* Balance */ .balance { margin-top: 1.2em; 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; }