﻿.invoice-content.professional-202503 {
    --color-charcoal: #3e505b;
    height: 100%;
    width: 100%;
    font-size: 12px;
    font-family: 'Poppins', var(--bs-font-sans-serif);
    color: #000;
    position: relative;
}

.invoice-content.professional-202503 .h1,
.invoice-content.professional-202503 .h2,
.invoice-content.professional-202503 .h3,
.invoice-content.professional-202503 .h4,
.invoice-content.professional-202503 .h5,
.invoice-content.professional-202503 .h6,
.invoice-content.professional-202503 h1,
.invoice-content.professional-202503 h2,
.invoice-content.professional-202503 h3,
.invoice-content.professional-202503 h4,
.invoice-content.professional-202503 h5,
.invoice-content.professional-202503 h6 {
    color: #000;
}

.invoice-content.professional-202503 .invoice-heading {
    padding: 3rem 3rem 1.5rem 3rem;
}

.invoice-content.professional-202503 .invoice-heading .invoice-heading-content {
    position: relative;
}

.invoice-content.professional-202503 .invoice-heading .invoice-heading-content .invoice-heading-brand {
    max-height: 250px;
}

.invoice-content.professional-202503 .invoice-heading h1 {
    font-family: 'Poppins', var(--bs-font-sans-serif);
    font-weight: 800;
    margin: 0;
}

.invoice-content.professional-202503 .invoice-heading p {
    padding: 0;
    margin: 0;
}

.invoice-content.professional-202503 .invoice-heading-content .invoice-headlines {
}

.invoice-content.professional-202503 .invoice-heading-content .brand-content {
    position: relative;
    height: 270px;
}

.invoice-content.professional-202503 .invoice-heading-content .brand-img {
    padding-bottom: 1rem;
}

.invoice-content.professional-202503 .invoice-heading-content .brand-img .brand-img-frame {
    max-width: 200px;
    max-height: 60px;
}

.invoice-content.professional-202503 .invoice-heading-content .brand-img img {
    max-width: 100%;
    max-height: inherit;
}

.invoice-content.professional-202503 .invoice-heading-content .brand-canvas {
    width: 250px;
    height: 35px;
}

.invoice-content.professional-202503 .invoice-heading-content .brand-text {
    font-size: 1.35rem;
    font-weight: 600;
}

.invoice-content.professional-202503 .invoice-heading-content .business-info {
    font-weight: normal;
    min-height: 5rem;
}

.invoice-content.professional-202503 .invoice-heading-content .recipient-info {
    margin-top: 3.5rem;
}

.invoice-content.professional-202503 .invoice-heading-content .invoice-headlines ul li > div {
    padding-bottom: 0.25rem;
}

.invoice-content.professional-202503 .invoice-body {
    padding: 0rem 3rem 1.5rem 3rem;
    margin-top: 3.75rem;
}

.invoice-content.professional-202503 .invoice-body tbody {
    border-top: 2px solid var(--color-charcoal);
    border-bottom: 2px solid var(--color-charcoal);
}

.invoice-content.professional-202503 .invoice-body tfoot tr:first-child {
    height: 3rem;
}

.invoice-content.professional-202503 .invoice-body thead tr th {
    padding: 0.275rem 0.25rem 0.725rem 0.25rem;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
}

.invoice-content.professional-202503 .invoice-body thead tr th.description {
    width: 300px;
}

.invoice-content.professional-202503 .invoice-body thead tr th.price,
.invoice-content.professional-202503 .invoice-body thead tr th.tax {
    width: 120px;
}

.invoice-content.professional-202503 .invoice-body thead tr th.units {
    width: 100px;
}

.invoice-content.professional-202503 .invoice-body thead tr th.amount {
    width: 135px;
}

.invoice-content.professional-202503 .invoice-body tbody tr td:first-child {
    text-align: left;
}

.invoice-content.professional-202503 .invoice-body tbody tr td {
    padding: 0.725rem 0.25rem 0.725rem 0.25rem;
    font-size: 10px;
    text-align: center;
}

.invoice-content.professional-202503 .invoice-body tbody tr.odd {
    background-color: var(--bs-light);
}

.invoice-content.professional-202503 .invoice-body tfoot tr {
    padding-top: 3rem;
}

.invoice-content.professional-202503 .invoice-body tfoot tr.total {
    border-top: 1px solid var(--color-charcoal);
}

.invoice-content.professional-202503 .invoice-body tfoot tr.total td {
    padding-top: 0.725rem;
    font-weight: 600;
}

.invoice-content.professional-202503 .invoice-body .payment-method ul li span:first-child {
    display: inline-block;
    min-width: 130px;
    text-align: right;
    padding-right: 0.725rem;
    font-weight: 500;
}

.invoice-content.professional-202503 .invoice-footer {
    position: absolute;
    right: 3rem;
    bottom: 3rem;
}
