body {
    font-family: "Times New Roman", serif;
    font-size: 13px;
    margin: 10px;
    color: #000;
}

.page {
    width: 100%;
    margin: auto;
}

.toolbar {
    margin-bottom: 10px;
    padding: 8px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
}

.toolbar button {
    padding: 6px 14px;
    cursor: pointer;
}

.health-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.health-table th,
.health-table td {
    border: 1px solid #000;
    padding: 4px 5px;
    vertical-align: middle;
}

.health-table th {
    background: #b8c8e6;
    text-align: center;
    font-weight: bold;
}

.required {
    color: red;
    margin-left: 2px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.no-data {
    text-align: center;
    font-style: italic;
    padding: 12px;
}

.col-tt { width: 35px; }
.col-name { width: 135px; }
.col-birth { width: 105px; }
.col-gender { width: 55px; }
.col-cccd { width: 145px; }
.col-date { width: 75px; }
.col-place { width: 75px; }
.col-bhyt { width: 110px; }
.col-phone { width: 75px; }
.col-province { width: 120px; }
.col-ward { width: 135px; }
.col-job { width: 75px; }
.col-work { width: 85px; }
.col-type { width: 95px; }

.health-table td:nth-child(1),
.health-table td:nth-child(3),
.health-table td:nth-child(4),
.health-table td:nth-child(5),
.health-table td:nth-child(6),
.health-table td:nth-child(8),
.health-table td:nth-child(9),
.health-table td:nth-child(10),
.health-table td:nth-child(14) {
    white-space: nowrap;
}

.health-table td:nth-child(2),
.health-table td:nth-child(7),
.health-table td:nth-child(11),
.health-table td:nth-child(12),
.health-table td:nth-child(13) {
    word-break: break-word;
}

@media print {
    body {
        margin: 5mm;
    }

    .no-print {
        display: none;
    }

    @page {
        size: A4 landscape;
        margin: 5mm;
    }

    .health-table th {
        background: #b8c8e6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}