body {
    background: #ffffff;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    line-height: normal;
}

.charges-receipt-content {
    background: #ffffff;
    width: 100%;
    text-align: center;
    align-content: center;
}

.charges-receipt-payment {
    background: #ffffff;
    min-width: 600px;
    width: 60%;
    padding: 20px;
    margin: auto;
}

.charges-receipt-payment p {
    margin-bottom: 2px;
}

.qrcode_content p {
    font-size: 13px!important;
}

/*Table for receipt*/
.table {
    width: 100%;
}

.table th {
    text-align: center;
    line-height: normal!important;
}

.table tr th,
.table tr td {
    border: 1px solid #000!important;
    line-height: normal!important;
}

.bordered-black {
    border: 1px solid #000 !important;
}

.receipt {
    vertical-align: middle!important;
    font-size: 10px;
    border: 1px solid #0c0c0c;
    text-align: center;
    color: #0c0c0c;
}

.receipt-header-cell {
    padding: 2px!important;
}

.receipt-cell {
    padding: 2px 4px 2px 2px!important;
    width: 10%;
}

/*Print*/
@media print {
    * {
        -webkit-print-color-adjust: exact;
        font-size-adjust: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
    }

    .charges-receipt-payment {
        width: 100%;
        padding: 0;
    }

    .charges-receipt-payment p {
        margin-bottom: 2px;
    }

    .table th {
        text-align: center;
        line-height: normal!important;
    }

    .table tr th,
    .table tr td {
        border: 1px solid #000!important;
        line-height: normal!important;
    }
}

@page {
    size: A4 portrait;
    margin: 1cm;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}