.invoice .logo img {
    width: 75px;
    height: 87px;
}

.invoice .badge-status {
    background-color: var(--light-green-color);
    border-radius: 8px;
    padding: 5px 10px 5px 10px;
    color: var(--green-color);
}

.invoice .table-data .table th {
    font-family: 'Poppins-Bold';
    font-size: 13px;
    color: var(--black-color);
    padding: 15px 20px 15px 20px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--light-grey-color);
    border: 0;
}

.invoice .table-data .table td {
    font-size: 13px;
    color: var(--grey-color);
    vertical-align: middle;
    padding: 20px;
    height: auto;
}

.invoice .btn-cancle {
    background-color: #E3E6F0;
    width: 100px;
    height: 50px;
    border-radius: 15px;
    color: var(--black-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.invoice .btn-print {
    background-color: var(--red-color);
    width: 100px;
    height: 50px;
    border-radius: 15px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.invoice .btn-payment {
    background-color: var(--red-color);
    width: 150px;
    height: 50px;
    border-radius: 15px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.invoice .btn-print:hover,
.invoice .btn-payment:hover {
    background-color: #c4141d;
    border-radius: 15px;
}