/*////////////////////////  This css is for table responsive in main or print page /////////////////////*/


#print-section {
    width: 100% !important;
    display: flex;
    flex-direction: column;

}

/* Table wrapper */
#print-section .table-responsive {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

/* Table styles */
#print-section .table {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
}

#print-section .table th,
#print-section .table td {
    word-wrap: break-word;
    text-align: center;
}
/* Responsive breakpoints */

/* Large screens (>=1200px) */
@media (min-width: 1200px) {
    #print-section .table {
        font-size: 16px !important;
    }
    #print-section .table th,
    #print-section .table td {
        padding: 14px 18px !important;
    }
}

/* Medium screens (>=768px and <1200px) */
@media (min-width: 768px) and (max-width: 1199px) {
    #print-section .table {
        font-size: 14px !important;
    }
    #print-section .table th,
    #print-section .table td {
        padding: 10px 14px !important;
    }
}

/* Small screens (<=767px) */
@media (max-width: 767px) {
    #print-section .table {
        font-size: 12px !important;
    }
    #print-section .table th,
    #print-section .table td {
        padding: 6px 8px !important;
    }
}