/* Infocorp Default color */


.receipt-header {
    background-color: var(--bg-element);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow1);
    padding: .5em;
}
.receipt-receipt-number {
}
.receipt-header-contact {
    border-radius: var(--border-radius);
    padding: .5em;
    background-color: var(--nav-item-color);
}

/* Receipt Details */
.receipt-detail-container{
    width: 100%;
    border-radius: var(--border-radius);
    /* border: #d8d8d8 solid 1px; */
}
.receipt-detail-title {
    background-color: #002d5f;
    width: 100%;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px;
    text-align: left;
    border-bottom: 3px;
}
.receipt-details-container {
    /* margin: 5px; */
    padding: 5px 10px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    margin-top: 3px;
    background-color: var(--bg-element);
}
.receipt-details-container:last-child{border-bottom:none}
.receipt-detail-information-column {

}
.receipt-details-workflow-column{

}
.receipt-detail-amount-column{
    text-align: right;
    /* padding: 10px; */
}


/* Receipt Totals */
.receipt-total-container{
    width: 100%;
    border-radius: var(--border-radius);
}
.receipt-total-title {
    background-color: #002d5f;
    width: 100%;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px;
    text-align: left;
}
.receipt-totals-container {
    padding: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    background-color: var(--bg-element);
    margin-top: 3px;
}
.receipt-totals-heading-column {

}
.receipt-totals-amount-column{
    text-align: right;
    /* padding: 10px; */
}


/* Receipt Payments */
.receipt-payment-container{
    width: 100%;
    border-radius: var(--border-radius);
    background-color: var(--bg-element);
}
.receipt-payment-title {
    background-color: #002d5f;
    width: 100%;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px;
    text-align: left;
    border-bottom: 3px solid #fff;
}
.receipt-payments-container {
    padding: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
}
.receipt-payment-type-column {

}
.receipt-payment-authorization-column{

}
.receipt-payment-amount-column{
    text-align: right;
}