.transcript {
    padding: 27mm 8mm 10mm 8mm !important;
}

.border-all{
    border:1px solid black;
}

.border-tbl {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}

.border-tbr {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.border-tb {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.border-lr {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.border-l {
    border-left: 1px solid black;
}

.border-r {
    border-right: 1px solid black;
}

.border-b {
    border-bottom: 1px solid black;
}

.border-t {
    border-top: 1px solid black;
}

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

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

.tr-h{
    /*height:10px;*/
}

.standard-eval {
    font-size:11px;
}

.page-header {
    display: none;
}

.report-container table tr {
    height: 45px;
}

.pp1-p1 td {
    width: 2.38%;
    white-space: nowrap;
}

.font13pt {
    font-size: 13pt!important;
}

@media screen, print and (min-width: 0) {
    html, body {
        page-break-after: always;
        page-break-before: always;
        background-color: white;
    }
/*
    .template-header {
        page-break-before: always;
        break-before: page;
        margin-top: 0;
    }

    .item:nth-child(2n) {
        margin-top: 20px;
    }

    .item {
        page-break-inside: avoid;
    }*/

    .template-header {
        page-break-before: always;
        page-break-inside: avoid;
    }

    .subject-comment {
        page-break-inside: avoid;
    }

    .printable-content {
        break-inside: auto; /* Allow div to break across pages */
        page-break-inside: auto; /* For older browser compatibility */
        page-break-before: auto; /* Allow the div to start on a new page if needed */
        page-break-after: auto; /* Allow a page break after the div */
        overflow: visible; /* Make sure content is not clipped */
    }

    .comment-item {
        page-break-inside: avoid; /* Avoid breaking the individual divs in the middle */
        page-break-after: auto; /* Ensure that after each div, a break can occur */
        break-inside: avoid; /* Modern equivalent for page-break-inside */
    }

    .comment-item:nth-child(2n+1):not(:first-child) {
        page-break-before: always; /* Force a page break before 3rd, 5th, 7th, etc. */
        break-before: page; /* Modern equivalent for modern browsers */
        margin-top: 50px; /* Add desired top margin for the new page */
    }

    .new-page-div {
        page-break-before: always; /* Ensure a page break before this div */
        break-before: page; /* Modern equivalent */
    }

    .page {
        position: relative;
        width: 210mm;
        height: 297mm;
        padding: 10mm 15mm 10mm 25mm;
        margin: 5mm auto;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    }

    .page-landscape {
        position: relative;
        width: 297mm;
        min-height: 210mm;
        padding: 5mm 5mm 5mm 5mm;
        margin: 5mm auto;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    }


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

    .brand-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .brand-container .logo {
        height: 50px;
    }

    .brand-container .brand {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 5px;
    }

    .brand-container .brand .title {
        font-weight: 600;
    }

    .pp6-container {
        font-family: Sarabun;
        font-size: 14px;
        margin-top: 0px;
    }

    .pp6-title {
        font-size: 20px;
        font-weight: 600;
    }

    .pp6-subtitle {
        font-size: 16px;
    }

    .pp6-indent {
        margin-left: 65px;
    }

    .pp6-par-suggest {
        font-size: 13px !important;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        text-align:left;
    }

    .pp6-sign-box-container {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        border: 1px solid;
        padding: 15px;
    }

    .pp6-sign-box-c1 {
        width: 20%;
    }

    .pp6-sign-box-c2 {
        width: 80%;
    }

    .parent-sign {
        display: flex;
        width: 100%;
    }

    .pp6-text-overflow-hidden {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .pp6-suggestion-table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        margin-bottom: 16px;
        font-size: 14px !important;
    }

    .pp6-rule-table {
        width: 100%;
        margin-bottom: 16px;
        font-size: 14px !important;
    }

    .pp6-rule-table .c1 {
        width: 25%;
        padding-left: 50px;
    }

    .pp6-stu-info {
        table-layout: fixed;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .pp1-page-1 {
        position: relative;
        width: 210mm;
        height: 297mm;
        margin: 5mm auto;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        padding-top: 25mm;
        padding-left: 0mm;
        padding-right: 10mm;
        padding-bottom: 0mm;
    }

    .pp1-page-2 {
        position: relative;
        width: 210mm;
        height: 297mm;
        margin: 5mm auto;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
        padding-top: 20mm;
        padding-left: 0mm;
        padding-right: 10mm;
        padding-bottom: 0mm;
    }


    .pp1-container {
        font-family: THSarabunPSK;
        font-size: 14px;
        margin-top: 0px;
    }

    .pp1-stu-info table {
        width: 100%;
        table-layout: fixed;
        font-size: 13pt;
        line-height: 4.5mm;
    }

    .pp1-stu-info .stu-key {
        font-size: 14pt;
        line-height: 18px;
        font-weight: 500;
    }

    .pp1-line-height {
        line-height: 11pt !important;
    }

    .pp1-line-height-mty {
        line-height: 10pt !important;
    }

    .pp1-emptyline2-height {
        height: 11pt !important;
    }

    .pp1-emptyline-height {
        height: 11pt !important;
    }

    .pp1-emptyline-height-mty {
        height: 12pt !important;
    }

    .pp1-subj-info {
        width: 100%;
        table-layout: fixed;
    }

    /*    .pp1-subj-info tr {
        height: 12px!important;
    }*/

    .pp1-grade-header {
        white-space: pre;
        font-size: 14pt;
    }

    .pp1-grade-header-rot {
        white-space: pre;
        font-size: 10pt;
    }

    .pp1-bold-font {
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13pt;
        font-weight: 600;
    }

    .subj-code {
        border-left: 1px solid black;
        border-right: 1px solid black;
        font-size: 11pt;
        padding-left: 3pt;
    }

    .subj-hour {
        border-left: 1px solid black;
        border-right: 1px solid black;
        text-align: center;
        font-size: 11pt;
    }

    .subj-score {
        border-left: 1px solid black;
        border-right: 1px solid black;
        text-align: center;
        font-size: 11pt;
    }

    .eval-summary {
        font-size: 12pt;
        padding: 3px;
    }

    .eval-condition {
        font-size: 11pt;
        padding: 3px;
    }

    .eval-sum-header {
        height: 26px;
    }

        .eval-sum-header .header1 {
            margin-top: -35px;
            margin-bottom: -35px;
        }

        .eval-sum-header .header2 {
            margin-top: -35px;
            margin-bottom: -35px;
        }

        .eval-sum-header .header3 {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            line-height: 18px;
            margin-top: -40px;
            margin-bottom: -37px;
        }

        .eval-sum-header .header4 {
            margin-right: -7px;
            margin-left: -8px;
        }

        .eval-sum-header .header5 {
            margin-right: -9px;
            margin-left: -10px;
        }

    .comment-text {
        font-size: 12pt;
        padding: 3px;
    }

    .rotate-text {
        transform: rotate(-90deg);
    }

    .signature-name {
        font-size: 12pt;
    }

    .admin-name {
        text-align: center;
        font-size: 12pt;
    }

    .admin-signature {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dotted;
        margin: 0px 40px;
    }

    .admin-top {
        border-top: 1px solid black;
    }

    .subj-bottom {
        border-bottom: 1px solid black;
    }

    .subj-right {
        border-right: 1px solid black;
    }

    .bmi-table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        margin-bottom: 16px;
    }

    .bmi-table tr {
        border-left: 2px solid;
        border-right: 2px solid;
    }

    .bmi-table tr:first-child, .bmi-table tr:nth-child(2) {
        background-color: #cfcfcf;
    }

    .bmi-table td {
        border: 1px solid;
        text-align: center;
        font-weight: 400;
        line-height: 15pt;
    }

    .bmi-table tr:nth-child(26) {
        border-bottom: 2px solid;
    }

    .bmi-table tr:first-child th:nth-child(1), .bmi-table tr:first-child th:nth-child(2),
    .bmi-table tr:nth-child(2) th, .bmi-table tr:nth-child(23) th {
        border-bottom-width: 2px;
    }

    .bmi-table tr:first-child th {
        border-top-width: 2px;
    }

    .bmi-table th {
        border: 1px solid;
        text-align: center;
        font-weight: 700;
    }

    .header .info {
        font-size: 10pt;
        font-weight: 400;
        color: #000;
    }

    .header, .header .title, .header .pp6-title {
        margin-bottom: 8px;
    }

    .activity-subject-report .report-table {
        margin-bottom: 10px;
    }

    .report-table {
        border-collapse: collapse;
        margin-bottom: 12px;
        line-height: 1.5rem;
    }

        .report-table th.subject {
            width: 40%;
            min-width: 200px;
            max-width: 400px;
        }

        .report-table td, .report-table th {
            border: 1px solid #000;
        }

            .report-table th.score {
                width: 5%;
            }

    td.text-left {
        padding: 0 0 0 10px;
    }

    .report-table .border-left-bold {
        border-left-width: 2px !important;
        border-left-color: #909090 !important;
    }

    .report-table .border-right-bold {
        border-right-width: 2px !important;
        border-right-color: #909090 !important;
    }

    .activity-subject-report p {
        margin: 0 0 4px;
    }

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

    .text.text-l, .text .text-l {
        font-size: 12pt;
    }

    .report-table.full-width {
        width: 100%;
    }

    .report-table th.topic {
        width: 70%;
    }

    .report-table th.evaluation {
        width: 30%;
    }

    .report-table th.options {
        width: 15%;
    }

    tr.row-divider {
        border-top: 2px solid #666;
    }

    .analytic-behavior .report-table {
        table-layout: fixed;
    }

    .no-border {
        border: 0 !important;
    }

    .no-margin {
        margin: 0 !important;
    }

    .report-table.no-border td, .report-table.no-border th {
        border: 0;
    }

    .analytic-behavior .report-table tr.details {
        color: #818181;
    }

        .analytic-behavior .report-table tr.details td {
            vertical-align: top;
            padding-left: 8px;
        }

        .analytic-behavior .report-table tr.details tr.row-divider {
            border-top: 1px solid #646464;
        }

    .gpax {
        margin-top: 16px;
    }

    .footer.grade-level-4 {
        margin-top: 32px;
    }

    .comment-box {
        width: 100%;
    }

    .subject-comment:not(:last-child) {
        margin-bottom: 24px;
    }

    .comment-box .subject {
        text-align: left;
        font-size: 16px;
        font-weight: 600;
    }

    .comment-box .title {
        background-color: #dcdcdc;
        font-style: italic;
        padding: 4px;
        margin-top: 8px;
    }

    .comment-box .teacher, .comment-box .title {
        text-align: left;
        font-size: 14px;
        font-weight: 500;
    }

    .comment-box .content {
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 0 24px;
        line-height: 25px;
    }

    .comment-box .title.parent-comment {
        margin-bottom: 8px;
    }

    .comment-text.class-comment, .comment.class-comment {
        margin-bottom: 32px;
    }

    .comment-space {
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        line-height: 2rem;
    }

    .parent-comment .title {
        margin-bottom: 8px;
    }

    .sat-page {
        position: relative;
        width: 210mm;
        height: 297mm;
        padding: 10mm 5mm 10mm 5mm;
        margin: 5mm auto;
        border: 1px solid #d3d3d3;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    }

    .text.text-s-2, .text .text-s-2 {
        font-size: 9pt;
    }

    ol.additional {
        line-height: 1.25rem;
        -webkit-padding-start: 16px;
        padding-inline-start: 16px;
        line-height: 20px;
    }

    .print-badge {
        background-color: #4e4e4e;
        border-radius: 10px;
        padding: 4px 8px;
        vertical-align: baseline;
        color: #fff;
    }

    .pending-eval-p1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 30px;
        align-items: flex-start;
    }

    .pending-eval-p2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        align-items: flex-start;
        text-align: left;
    }

    .pending-eval-p3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        align-items: flex-start;
        text-align: left;
    }

    .pending-eval-p4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        align-items: flex-start;
        text-align: left;
        font-size: 16px;
    }

    .subj-re-eval {
        margin-top: 10px;
        text-indent: 2.5em;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 16px;
    }
}

@media print and (min-width: 0) {
    html, body {
        margin: 5mm 10mm 5mm 5mm !important;
        text-align: center;
    }

    .paper-a4 {
        page-break-before: always !important;
    }

    .page {
        border: 0px solid white;
        box-shadow: none;
    }

    .page-landscape {
        border: 0px solid white;
        box-shadow: none;
    }

    .pp1-page-1 {
        border: none;
        box-shadow: none;
    }

    .pp1-page-2 {
        border: none;
        box-shadow: none;
    }

    .sat-page {
        border: none;
        box-shadow: none;
    }

    .not-print {
        display: none;
    }
}