body { clear: both; padding: 20px 20px 30px 20px; font-family: "raleway"; } ul.app-products{ display: none; } .invoice-tax-notice{ text-align: center; color: rgba(0,0,0,0.5); font-size: 14px; } .invoice-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; padding-bottom: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .invoice-header h1 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 55px; } .invoice-header span { width: 150px; height: 150px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .invoice-header span img{ width: 100%; height: 100%; } .invoice-divider{ display: table-row; border-top: 2px solid black; } .invoice-divider td{ padding: 0; border-top: 0; } table, th, td, .td { border-top: 1px solid #ddd; } table { width: 100%; border-collapse: collapse; } table tr{ display: none; } table tr.show, table tr.item-selected{ display: table-row; } table tr.total th, table tr.total td, table tr.total .td { font-size: 16px; line-height: 24px; font-weight: bold; padding: 20px 5px; border-top: 3px solid #EEE; border-bottom: 3px solid black; } table tr.nowrap th, table tr.nowrap td { white-space: nowrap; } table th { padding: 20px 5px; text-align: left; border-top: 5px solid black; } table td, table .td { padding: 15px 5px; vertical-align: top; } table td:last-child, table .td:last-child { border-right: none; } table .cell-center { text-align: center; } table .cell-right { text-align: right; } .info { padding: 15px 5px; border-top: 1px solid #ddd; margin-top: 200px; } .info div { line-height: 22px; border-top-width: 1px; } .info .invoice-info-left { float: left; text-align: left; } .info .invoice-info-right { float: right; text-align: right; } .info span { display: block; }