body {
    font-size: 15px;
    font-family: 'DejaVu Sans', Helvetica, Arial, sans-serif;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table tr td {
    padding: 0;
}

table tr td:last-child {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.right {
    text-align: right;
}

.large {
    font-size: 1.75em;
}

.total {
    font-weight: bold;
    color: #fb7578;
}

.logo-container {
    margin: 20px 0 50px 0;
}

.invoice-info-container {
    font-size: 0.875em;
}

.invoice-info-container td {
    padding: 4px 0;
}

.client-name {
    font-size: 1.2em;
    vertical-align: top;
}

.line-items-container {
    margin: 70px 0;
    font-size: 0.875em;
}

.line-items-container th {
    text-align: left;
    color: #999;
    border-bottom: 2px solid #ddd;
    padding: 10px 0 15px 0;
    font-size: 0.75em;
    text-transform: uppercase;
}

.line-items-container th:last-child {
    text-align: right;
}

.line-items-container td {
    padding: 10px 0;
}

.line-items-container tbody tr:first-child td {
    padding-top: 25px;
}

.line-items-container.has-bottom-border tbody tr:last-child td {
    padding-bottom: 25px;
    border-bottom: 2px solid #ddd;
}

.line-items-container.has-bottom-border {
    margin-bottom: 0;
}

.line-items-container th.heading-quantity {
    width: 50px;
}

.line-items-container th.heading-price {
    text-align: right;
    width: 100px;
}

.line-items-container th.heading-subtotal {
    width: 100px;
}

.payment-info {
    width: 38%;
    font-size: 0.875em;
    line-height: 1.5;
}

small {
    font-size: 80%;
}

.stamp {
    color: #555;
    font-size: 1rem;
    font-weight: bold;
    border: 2rem solid #555;
    display: inline-block;
    padding: 0.3rem 0.75rem;
    text-transform: uppercase;
    position: fixed;
    top: 40%;
    left: 30%;
    opacity: 0.5;
    line-height: 1;
    transform: rotate(-14deg);
}

.is-failed {
    color: #D23;
    border-color: #D23;
}

.is-completed {
    color: #0A9928;
    border-color: #0A9928;
}

/** RTL **/
.rtl {
    direction: rtl;
    font-family: Tahoma, Arial, sans-serif;
}

.rtl table {
    text-align: right;
}

.rtl .right {
    text-align: left;
}

.rtl .line-items-container th.heading-price {
    text-align: left;
}

.rtl .line-items-container th:last-child {
    text-align: left;
}

.rtl table tr td:last-child {
    text-align: left;
}
