/**
 * rpt Style Sheet
 *
 * Contains styling specific to the view rpt page.
 *
 * @project   Delta
 * @version   1.0
 * @author    Hany Awad (deltamultisys.com)
 * @copyright Copyright (c) deltamultisys.com 2021
 * @license   http://deltamultisys.com
 */

@font-face {
    font-family: 'BarCode';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/ccode39/ConnectCode39.ttf) format('truetype');
}

@font-face {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/Cairo-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Cairo-Regular.ttf) format('truetype');
}

body {
    background-color: #efefef;
}

/* Container Responsive Behaviour */

@media print {
    html, body {
        width: 100% !important;
    }

    #prntPage {
        padding: 2px;
        margin: 2px;
        width: 100% !important;
        border: none !important;
    }

    #pageborder {
        position: fixed;
        left: 10mm;
        right: 10mm;
        top: 10mm;
        bottom: 10mm;
        border: 2px solid #DDD;
        padding-top: 20px;
    }

   
}

#prntPage {
    border: 1px solid #DDD;
    padding: 5px;
    width: 100% !important;
}

.invoice-container {
    margin: 5px auto;
    padding: 5px;
    max-width: 297mm;
    background-color: #fff;
    border: 0px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.invoice-containerH {
    margin: 5px auto;
    padding: 5px;
    max-width: 80%;
    background-color: #fff;
    border: 0px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

@media (max-width: 895px) {
    .invoice-container {
        margin: 5px;
    }
}

@media (max-width: 767px) {
    .invoice-container {
        padding: 45px 45px 70px 45px;
    }
}

@media (max-width: 499px) {
    .rpt-header {
        text-align: center;
    }
}

.rpt-col {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 500px) {
    .rpt-col {
        float: left;
        width: 50%;
    }

        .rpt-col.right {
            float: right;
            text-align: right;
        }
}

/* rpt Status Formatting */

.invoice-container .rpt-status {
    margin: 20px 0 0 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

/* rpt Status Colors */

.draft {
    color: #888;
}

.unpaid {
    color: #cc0000;
}

.paid {
    color: #779500;
}

.refunded {
    color: #224488;
}

.cancelled {
    color: #888;
}

.collections {
    color: #ffcc00;
}

/* Payment Button Formatting */

.invoice-container .payment-btn-container {
    margin-top: 5px;
    text-align: center;
}

    .invoice-container .payment-btn-container table {
        margin: 0 auto;
    }

/* Text Formatting */

.invoice-container .small-text {
    font-size: 0.9em;
}

/* rpt Items Table Formatting */

.invoice-container td.total-row {
    background-color: #f8f8f8;
}

.invoice-container td.no-line {
    border: 0;
}

.BarFont {
    font-family: 'BarCode';
}



.PT20 {
    padding-top: 20px;
}

.PT10 {
    padding-top: 5px;
}


@media print {

    body {
        -webkit-print-color-adjust: exact !important;
        background-color: #FFF;
    }

    html, body {
        width: 100%;
        counter-reset: page_number;
    }



    .page {
        align-content: center;
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
        page-break-before: always;
        font-family: 'Arial';
        counter-increment: page;
    }


        .page:after {
            content: " PAGE - " counter(page);
            position: absolute;
            bottom: 0px;
            right: 15px;
            z-index: 999;
            padding: 2px 12px;
            border-right: 2px solid #23b8e7;
            font-size: 12px;
        }

    .DataTxt {
        font-family: 'Arial';
    }

    .pageTitle {
        font-family: 'Arial' !important;
    }

    .DateTitle {
        font-family: 'Arial';
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-6s,
    .col-md-sep,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: right;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-6s, .col-md-sep, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
    display: inline-block;
}
.row{
    line-height:25px;
}