/* =========================
           KHỔ GIẤY A4
        ========================= */

.print-page {
    width: 210mm;
    min-height: 297mm;
    margin: 10mm 15mm 10mm 10mm;
    background: #fff;
    position: relative;
    font-size: 12pt;
    line-height: 1.2;
    text-align: justify;
}

/* =========================
    NỘI DUNG
========================= */

.print-content {
    width: 100%;
}

.print-content p {
    margin-top: 0;
    margin-bottom: 8px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-lowercase {
    text-transform: lowercase;
}

.indent {
    text-indent: 10mm;
}

.no-print {
    display: block;
}

/* =========================
    CÁC DÒNG VĂN BẢN
========================= */

.dong {
    margin-bottom: 6pt;
    line-height: 1.2;
    text-indent: 10mm;
}

.dongdieu {
    margin-top: 12pt;
    margin-bottom: 6pt;
    line-height: 1.2;
    text-indent: 10mm;
}

/* =========================
    CỘT
========================= */

.print-row {
    display: flex;
    width: 100%;
}

.col-5 {
    width: 41.666667%;
}

.col-7 {
    width: 58.333333%;
}

.col-6 {
    width: 50%;
}

.col-12 {
    width: 100%;
}

/* =========================
    NƠI NHẬN / KÝ TÊN
========================= */

.signature-row {
    display: flex;
    width: 100%;
    margin-top: 25px;
}

.signature-left {
    width: 50%;
}

.signature-right {
    width: 50%;
    text-align: center;
}


@page {
    size: A4 portrait;
    margin: 0;
}

@media print {

    html,
    body {
        width: 210mm;
        min-height: 297mm;
        background: #fff;
    }

    body {
        margin: 0;
        padding: 0;
    }

    .print-page {
        width: 210mm;
        min-height: 297mm;

        margin: 0;

        page-break-after: always;
        break-after: page;
    }

    .print-page:last-child {
        page-break-after: auto;
        break-after: auto;
    }

    .no-print {
        display: none !important;
    }
}

@media screen {

    .print-toolbar {
        position: fixed;

        top: 10px;
        right: 10px;

        z-index: 9999;
    }

    .print-toolbar button {
        border: 0;
        border-radius: 6px;

        padding: 8px 15px;

        background: #198754;
        color: #fff;

        cursor: pointer;

        font-size: 14px;
    }
}