.invoice-container{background-color:#fff;display:flex;justify-content:center;align-items:center}.invoice-container .invoice{width:80rem;max-width:1140px;padding:2rem;margin-top:1rem;box-shadow:var(--shadow)}.invoice-container .invoice .header{text-align:right;border-bottom:2px solid #2f2f2f;padding-top:2rem;padding-bottom:2rem}.invoice-container .invoice .header p{margin-bottom:5px}.invoice-container .invoice .details{padding-top:2rem;padding-bottom:2rem;display:flex;justify-content:space-between}.invoice-container .invoice .details .left,.invoice-container .invoice .details .right{width:50%}.invoice-container .invoice .details .left h4,.invoice-container .invoice .details .right h4{margin-bottom:1rem}.invoice-container .invoice .details .right{text-align:right}.invoice-container .invoice .details .right p{margin-bottom:.5rem}.invoice-container .invoice .table{padding-top:2rem;padding-bottom:2rem}.invoice-container .invoice .table table{width:100%;border-collapse:collapse;font-size:1.6rem}.invoice-container .invoice .table table .price-column,.invoice-container .invoice .table table .quantity-column{text-align:center}.invoice-container .invoice .table table .amount-column{text-align:right}.invoice-container .invoice .table table td,.invoice-container .invoice .table table th{text-align:left;padding:1rem;border:1px solid #ddd}.invoice-container .invoice .table table th{background-color:#f2f2f2}@media screen and (max-width:600px){.invoice-container .invoice .table table,.invoice-container .invoice .table tbody,.invoice-container .invoice .table td,.invoice-container .invoice .table th,.invoice-container .invoice .table thead,.invoice-container .invoice .table tr{display:block}.invoice-container .invoice .table thead tr{position:absolute;top:-9999px;left:-9999px}.invoice-container .invoice .table tr{border:1px solid #ccc}.invoice-container .invoice .table td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;text-align:right}.invoice-container .invoice .table td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.invoice-container .invoice .table td:nth-of-type(1):before{content:"Items"}.invoice-container .invoice .table td:nth-of-type(2):before{content:"Quantity"}.invoice-container .invoice .table td:nth-of-type(3):before{content:"Price"}.invoice-container .invoice .table td:nth-of-type(4):before{content:"Amount"}}.invoice-container .invoice .total-container{text-align:right}.invoice-container .invoice .total-container span{font-size:1.6rem;margin-bottom:2rem;padding-top:2rem;display:inline-block}.invoice-container .invoice .total-container span.label{font-weight:700;padding-right:4rem}.invoice-container .invoice .total-container span.amount{padding-right:1rem}.invoice-container .invoice .footer{padding:2rem}.invoice-container .invoice .footer h4{margin-bottom:1.5rem}.invoice-container .invoice .footer p{margin-bottom:.5rem}.client-container{display:flex;justify-content:center;align-items:center}.client-container .client{width:80rem;max-width:1140px;padding:2rem;margin-top:1rem;flex-direction:column;box-shadow:var(--shadow)}.client-container .client .logo img{height:8rem}.client-container .client .details{margin-top:1rem;font-weight:700}.client-container .client .details p span{font-weight:100}.client-container .client .invoices-group .status{display:inline-block;margin-top:1rem}.client-container .client .invoices-group .status h3 span{padding-left:1rem;padding-right:1rem;border-radius:5px}.client-container .client .invoices-group .invoice-list .item{display:flex;justify-content:space-between;margin-top:1rem;padding:2rem;border:2px solid #efefef;border-radius:5px;margin-bottom:1rem;box-shadow:var(--shadow-light)}.client-container .client .invoices-group .invoice-list .item .left{display:flex;justify-content:center;align-items:center;padding-left:2rem}.client-container .client .invoices-group .invoice-list .item .left p{margin-bottom:0}.client-container .client .invoices-group .invoice-list .item .right{display:flex;flex-direction:column;align-items:flex-end;padding-right:2rem}.client-container .client .invoices-group .invoice-list .item .right p{margin-bottom:0}