/* print.css */

@media print {

    @page {
        size: portrait;
    }

/*    body, div, h1, h2, h3, p, ul, li {
        margin: 10px !important;
        padding: 10px !important;
  
    }*/

    EditForm, AnalyticalSpecification, BulkTreatmentInformation, Preservatives, Allergens, LoadingRequirements {
        break-inside: avoid;
        page-break-inside: avoid; /* For older browsers */
    }

    body, div {
        background: none !important;
    }

    body {
        font-size: 10pt !important; /* or whatever size suits best */
    }

    button {
        display: none !important;
    }

    .navbar, .footer, .sidebar, .top-row {
        display: none !important;
    }

    .form-group { /* Or whatever class your form sections have */
        page-break-inside: avoid;
    }

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

    /* Hide elements you don't want to print */
    .no-print {
        display: none !important;
    }

    input[type="text"], input[type="email"], input[type="number"], textarea, select, InputText {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }

    textarea {
        height: 100px;
    }

    /* Hide all children elements inside the form */
    .checkboxOnlyComponent > * {
        display: none;
    }

    /* Display only checkboxes and their associated labels */
    .checkboxOnlyComponent input[type="checkbox"],
    .checkboxOnlyComponent label {
        display: inline-block !important; /* or block, depending on your design preference */
    }

    .aqsForm {
        width: 100% !important;
    }

    .supplierInfoForm {
        width: 100% !important;
    }

    .filler-form {
        background-color: #0d6efd !important;
    }
}