<div id="login-form" class="log">
                <h3 class="log-title">Access Verification</h3>
                <input type="tel" id="password" placeholder="Enter the PIN..." class="log-input">
                <button id="login-btn" class="log-button">Log In</button>
                <p id="error-message" class="log-wrong">NOUP! Wrong PIN, please try again! </p>
            </div>

            <div id="app-content" style="display: none;">
            <div class="wrapper">
                <span class="version">Version 7.0</span>
                <div class="sheet__wrapper" id="sheet__wrapper">

                    <div class="first__section"> <!-- Sheet MAIN TITLE -->

                        <div class="first__section-img">
                            <img id="logoImg" src="data:image/jpeg;base64,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" alt="Global Transport United - Logo" height="125px">
                        </div>
            
                        <div class="first__section-title">
                            <h1>BILL OF LADING</h1>
                            <p>NON NEGOTIABLE</p>
                        </div>
            
                        <div class="first__section-date">
                            <label for="date-of-creation">Date:</label>
                            <input type="date" id="date-of-creation" name="BOL_Date_of_creation">
                        </div>

                    </div>

<!-- ------------------------------------------------- -->

                    <form action="" id="myForm" class="form__wrapper">

                        <div class="second__section"> <!-- SHIPPER Section -->

                            <div class="shipper__wrapper">

                                <div class="shipper__title">
                                    <h2>SHIPPER</h2>
                                </div>
                                

                                <div class="shipper__container">

                                    <label for="shipper-contact">Contact:</label>
                                    <input type="text" id="shipper-contact" name="Shipper_Contact" class="uppercase" required>
                                    
                                    <label for="shipper-company">Company:</label>
                                    <input type="text" id="shipper-company" name="Shipper_Company" class="uppercase" required>
                                    
                                    <div class="input__75-25">

                                        <div class="input75">
                                            <label for="shipper-address">Street Address:</label>
                                            <input type="text" id="shipper-address" name="Shipper_Address" required>
                                        </div>

                                        <div class="input25">
                                            <label for="shipper-country">Country:</label>
                                            <input type="text" id="shipper-country" name="Shipper_Country" class="uppercase" required>
                                        </div>

                                    </div>
                                    
                                    <label for="shipper-email">Email:</label>
                                    <input type="email" id="shipper-email" name="Shipper_Email" required>
                                    
                                    <label for="shipper-phone">Phone:</label>
                                    <input type="tel" id="shipper-phone" name="Shipper_Phone" required>

                                </div>

                            </div>

                            <div class="carrier__wrapper">

                                <div class="carrier__title">
                                    <h2>CARRIER</h2>
                                </div>
                                

                                <div class="carrier__container">

                                    <div class="input__75-25">

                                        <div class="input75">
                                            <label for="carrier-name">Carrier Name:</label>
                                            <input type="text" id="carrier-name" name="Carrier_Name" class="uppercase" required>
                                        </div>
            
                                        <div class="input25">
                                            <label for="carrier-mc">MC #:</label>
                                            <input type="number" id="carrier-mc" name="Carrier_MC" required>
                                        </div>

                                    </div>
            
                                    <label for="ship-ref-num">Order #:</label>
                                    <input type="number" id="ship-ref-num" name="Ship_Ref_Num" required>
            
                                    <div class="input__50-50">

                                        <div class="input50">
                                            <label for="shipment-date">Shipment Date:</label>
                                            <input type="date" id="shipment-date" name="Shipment_Date" required>
                                        </div>

                                        <div class="input50">
                                            <label for="est-trans-days">Est. Transit Days #:</label>
                                            <input type="number" id="est-trans-days" name="Est_Transit_Days" required>
                                        </div>

                                    </div>
                                    
                                    <label for="carrier-contact">Contact:</label>
                                    <input type="text" id="carrier-contact" name="Carrier_Contact" class="uppercase" required>
            
                                    <label for="carrier-phone">Phone:</label>
                                    <input type="tel" id="carrier-phone" name="Carrier_Phone" required>
                                </div>

                            </div>
                            
                        </div>

<!-- ------------------------------------------------- -->

                        <div class="third__section"> <!-- CONSIGNEE Section -->

                            <div class="consignee__wrapper">

                                <div class="consignee__title">
                                    <h2>CONSIGNEE</h2>
                                </div>
                                

                                <div class="consignee__container">
                                    
                                    <label for="consignee-contact">Contact:</label>
                                    <input type="text" id="consignee-contact" name="Consignee_Contact" class="uppercase" required>
                                    
                                    <label for="consignee-company">Company:</label>
                                    <input type="text" id="consignee-company" name="Consignee_Company" class="uppercase" required>
                                    
                                    <label for="consignee-address">Street Address:</label>
                                    <input type="text" id="consignee-address" name="Consignee_Address" required>
                                    
                                    <div class="input__75-25">
                                        <div class="input75">
                                            <label for="consignee-email">Email:</label>
                                            <input type="email" id="consignee-email" name="Consignee_Email">
                                        </div>
                                        
                                        <div class="input25">
                                            <label for="consignee-phone">Phone:</label>
                                            <input type="tel" id="consignee-phone" name="Consignee_Phone" required>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div class="tpBilling__wrapper">

                                <div class="tpBilling__title">
                                    <h2>THIRD PARTY BILLING INFO</h2>
                                </div>
                                

                                <div class="tpBilling__container">

                                    <label for="tpb-contact">Contact:</label>
                                    <input type="text" id="tpb-contact" name="Third_Party_Billing_Contact" class="uppercase" required>
                                    
                                    <label for="tpb-phone">Phone:</label>
                                    <input type="tel" id="tpb-phone" name="Third_Party_Billing_Contact_Phone" required>

                                    <label for="tpb-address">Address:</label>
                                    <input type="text" id="tpb-address" name="Third_Party_Billing_Contact_Address" required>
                                                        
                                    <label for="tpb-email">Email:</label>
                                    <input type="email" id="tpb-email" name="Third_Party_Billing_Contact_Email">

                                </div>
                                
                            </div>
                            
                        </div>

<!-- ------------------------------------------------- -->

                        <div class="fourth__section"> <!-- LOADS Section-->

                            <div class="loads__wrapper lw-1">

                                <div class="loads__tittle">
                                    <h2># of Package:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="number" id="num-pack" name="Num_of_Package" required>
                                    
                                    <input type="number" id="num-pack" name="Num_of_Package">
                                    
                                    <input type="number" id="num-pack" name="Num_of_Package">
                                                        
                                    <input type="number" id="num-pack" name="Num_of_Package">

                                </div>

                            </div>

                            <div class="loads__wrapper lw-2">

                                <div class="loads__tittle">
                                    <h2>Articles Description, Special Marks and Exceptions:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="text" id="info-pack" name="Info_of_Package" required>
                                    
                                    <input type="text" id="info-pack" name="Info_of_Package">
                                    
                                    <input type="text" id="info-pack" name="Info_of_Package">
                                                        
                                    <input type="text" id="info-pack" name="Info_of_Package">

                                    <div class="blanc">
                                        <input style="width: 100%; margin-bottom: 0; border: none; outline: none; visibility: hidden;" readonly> 
                                    </div>
                                </div>

                            </div>

                            <div class="loads__wrapper lw-3">

                                <div class="loads__tittle">
                                    <h2>Serial #:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="text" id="serial-pack" name="Serial_Num_of_Package" required>
                                    
                                    <input type="text" id="serial-pack" name="Serial_Num_of_Package">
                                    
                                    <input type="text" id="serial-pack" name="Serial_Num_of_Package">
                                                        
                                    <input type="text" id="serial-pack" name="Serial_Num_of_Package">
                                    
                                    <div class="blanc" style="background: var(--total-weight);">
                                        <p>Total Weight:</p>
                                    </div>
                                </div>

                            </div>

                            <div class="loads__wrapper lw-4">

                                <div class="loads__tittle">
                                    <h2>Weight Lb:</h2>
                                </div>
                                
                                <div class="loads__container">
                                    <input type="number" id="weight-num1" name="Weight_of_Package_LB" value="0" required>
                                    
                                    <input type="number" id="weight-num2" name="Weight_of_Package_LB" value="0">
                                    
                                    <input type="number" id="weight-num3" name="Weight_of_Package_LB" value="0">
                                                        
                                    <input type="number" id="weight-num4" name="Weight_of_Package_LB" value="0">
                                    <!-- IF ANOTHER FIELD IS ADDED, THE JS MUST BE MODIFIED BECAUSE THE FIELD MUST BE ADDED TO THE SUM OF THE INPUTS -->
                                    <div class="blanc">
                                        <input type="text" id="total-weight" name="Total_Weight_of_Packages_LB" value="0" style="width: 100%; margin-bottom: 0; background: var(--total-weight); border-bottom: none;" readonly>
                                        
                                    </div>
                                </div>

                            </div>

                            <div class="loads__wrapper lw-5">

                                <div class="loads__tittle">
                                    <h2>(Ft) Length:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="number" id="length-pack" name="Lenght_of_Package_Ft" required>
                                    
                                    <input type="number" id="length-pack" name="Lenght_of_Package_Ft">
                                    
                                    <input type="number" id="length-pack" name="Lenght_of_Package_Ft">
                                                        
                                    <input type="number" id="length-pack" name="Lenght_of_Package_Ft">
                                </div>

                            </div>

                            <div class="loads__wrapper lw-6">

                                <div class="loads__tittle">
                                    <h2>(Ft) Width:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="number" id="width-pack" name="Width_of_Package_Ft" required>
                                    
                                    <input type="number" id="width-pack" name="Width_of_Package_Ft">
                                    
                                    <input type="number" id="width-pack" name="Width_of_Package_Ft">
                                                        
                                    <input type="number" id="width-pack" name="Width_of_Package_Ft">    
                                </div>

                            </div>

                            <div class="loads__wrapper lw-7">

                                <div class="loads__tittle">
                                    <h2>(Ft) Height:</h2>
                                </div>

                                <div class="loads__container">
                                    <input type="number" id="height-pack" name="Height_of_Package_Ft" required>
                                    
                                    <input type="number" id="height-pack" name="Height_of_Package_Ft">
                                    
                                    <input type="number" id="height-pack" name="Height_of_Package_Ft">
                                                        
                                    <input type="number" id="height-pack" name="Height_of_Package_Ft">
                                </div>

                            </div>
                            
                        </div>

<!-- ------------------------------------------------- -->

                        <div class="fifth__section"> <!-- UNDER LOADS Section -->
                
                                <div class="shippingIns__wrapper">

                                    <div class="shippingIns__title">
                                        <h2>SHIPPING INSTRUCTIONS</h2>
                                    </div>      
                
                                    <div class="shippingIns__container">
                
                                        <div class="payment__container">

                                            <div class="payment__title">
                                                <h3>Payment</h3>
                                            </div>

                                            <div class="checkboxes__wrapper">
                                                <div class="checkboxes__container">
                                                    <input type="checkbox" id="pay-ment" name="Payment_Shipper">
                                                    <label for="pay-ment">Shipper</label>
                                                </div>
                
                                                <div class="checkboxes__container">
                                                    <input type="checkbox" id="pay-ment" name="Payment_Third_Party">
                                                    <label for="pay-ment">Third Party</label>
                                                </div>
                                                
                                                <div class="checkboxes__container">
                                                    <input type="checkbox" id="toggle" name="Payment_COD_Amt_Due" class="codeCheck">
                                                    <label for="pay-ment">COD Amt Due</label>
                                                </div>
                                            </div>
                
                                        </div>
                                    
                                        <div class="COD__container">
                                            <p  id="codload" style="display: none;">If marked COD LOAD, the carrier is fully responsible for collecting payment.</p>
                
                                            <p>GLOBAL TRANSPORT UNITED WILL PAY FOR THIS SHIPMENT THE AMOUNT INDICATED IN THE RATECON ONLY TO THE COMPANY LISTED IN THIS DOCUMENT.</p>
                                        </div>
                
                                        <div class="deliveredBy__container">
                                            
                                            <div class="input__50-50">
                                                <div class="input50">
                                                    <label for="delivered-by">Delivered By:</label>
                                                    <input type="text" id="delivered-by" name="Delivered_by" class="uppercase" required>
                                                </div>
                    
                                                <div class="input50">
                                                    <label for="received-by">Received By:</label>
                                                    <input type="text" id="received-by" name="Received_by" class="uppercase" required>
                                                </div>
                                            </div>
                    
                                        </div>
                                        
                                    </div>
                
                                </div>



                                <div class="shippingUse__wrapper">

                                    <div class="shippingUse__title">
                                        <h2>FOR SHIPPING USE ONLY</h2>
                                    </div>
                
                                    <div class="shippingUse__container">

                                        <label for="equipment-type">Equipment Type:</label>
                                        <input type="text" id="equipment-type" name="Equipment_Type" required>

                                        <div class="input__50-50">
                                            <div class="input50">
                                                <label for="bill-num">Bill #:</label>
                                                <input type="text" id="bill-num" name="Bill_Num" required>
                                            </div>
                                            <div class="input50">
                                                <label for="shipping-date">Date:</label>
                                                <input type="date" id="shipping-date" name="Shipping_Date" required>
                                            </div>
                                        </div>
                
                                        <label for="shipped-by">Shipped By:</label>
                                        <input type="text" id="shipped-by" name="Shipped_By" class="uppercase" required>
                
                                        <div class="input__75-25">
                                            <div class="input25">
                                                <label for="ship-cost">Ship Cost:</label>
                                                <input type="number" id="ship-cost" name="Ship_Cost" required>
                                            </div>
                
                                            <div class="input75">
                                                <label for="ship-dept">Dept:</label>
                                                <input type="text" id="ship-dept" name="Ship_Dept" required>
                                            </div>
                
                                        </div>
                
                                    </div>
                
                                </div>
                
                        </div>

<!-- ------------------------------------------------- -->

                        <div class="sixth__section"> <!-- COMMENTS OR SIGNATURE Section -->

                            <div class="comments__wrapper">

                                <div class="comments__title">
                                    <h2>COMMENTS</h2>
                                </div>

                                <div class="comments__container">
                                    <textarea id="comments" name="Comments" rows="6" class="comments__area" maxlength="600"></textarea>

                                    <div id="char-count">Remaining Characters: 600</div>
                                </div>

                            </div>

                            <div class="signature__wrapper">

                                <div class="signature__title">
                                    <h2>SIGNATURE</h2>
                                </div>

                                <div class="signature__container">
                                    <label for="signature-nameOne">Name:</label>
                                    <input type="text" id="signature-nameOne" name="Signature_Name_First" class="uppercase" required>
                                </div>
                
                            </div>
                            
                        </div>

                    </form>

                </div>

<!-- ------------------------------------------------- -->

                <div class="trigger">
                    <button type="button" id="createPdfButton">CREATE A PDF</button>
                </div>

            </div>

            </div><!-- END OF app-content -->