<style>
    .modal-lg {
        max-width: 85%;
    }
</style>

<!-- Modal -->
<div id="myModal_profile" class="modal fade" role='dialog'>
    <div class="modal-dialog modal-lg" style="margin:0% auto;">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"> <a href="index.html" class="text-success">
                        <span> <img src="<?php echo $website_name; ?>/assets/images/booomers-logo.png" alt="" class="mr-2" width="108"></span>
                    </a></h5>
                <button type="button" class="closeee" data-dismiss="modal" style='color: rgba(58, 58, 58, 0.897) !important; background:rgba(0, 0, 0, 0); border:1px solid rgba(0, 0, 0, 0);'>&times;</button>
            </div>
            <div class="modal-body">


                <section id='body'>
                    <div class="row">
                        <div class='col-md-12 profileView'>


                        </div>
                    </div>

                </section>



            </div>

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


<div id="myModal_actions" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"> <a href="index.html" class="text-success">
                        <span> <img src="<?php echo $website_name; ?>/assets/images/booomers-logo.png" alt="" class="mr-2" width="108"></span>
                    </a></h5>
                <button type="button" class="closeee" data-dismiss="modal" style='color: rgba(58, 58, 58, 0.897) !important; background:rgba(0, 0, 0, 0); border:1px solid rgba(0, 0, 0, 0);'>&times;</button>
            </div>
            <div class="modal-body actionBody">

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div id="myModal_warehouse" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"> <a href="index.html" class="text-success">
                        <span> <img src="<?php echo $website_name; ?>/assets/images/booomers-logo.png" alt="" class="mr-2" width="108"></span>
                    </a></h5>
                <button type="button" class="closeee" data-dismiss="modal" style='color: rgba(58, 58, 58, 0.897) !important; background:rgba(0, 0, 0, 0); border:1px solid rgba(0, 0, 0, 0);'>&times;</button>
            </div>
            <div class="modal-body actionBodyOther">

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div id="myModal_printProfile" class="modal fade" role='dialog'>
    <div class="modal-dialog animated fadeInDown" style="margin:0% auto; width:300px; background:none;">
        <!-- Modal content-->
        <div style='text-align:center; height: 100%; position: relative; margin: 100% auto;'>
            <div class='col-md-12' id='signin' style="text-align:center; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0% auto;">
                <img src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/assets/images/ajax-l.gif" alt="Please wait.." width='50px' /><br>
                <span style='color: #ffffff; text-shadow: 0px 0px 1px #2e2d2d; font-weight: 600'>Loading......please wait</span>
            </div>
        </div>
        <div class="row" id='profile' style="background:none; display:none;">
        </div>
    </div>
</div>


<div id="myModal_printProfile" class="modal fade" role='dialog'>
    <div class="modal-dialog animated fadeInDown" style="margin:0% auto; width:300px; background:none;">
        <!-- Modal content-->
        <div style='text-align:center; height: 100%; position: relative; margin: 100% auto;'>
            <div class='col-md-12' id='signin' style="text-align:center; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0% auto;">
                <img src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/assets/images/ajax-l.gif" alt="Please wait.." width='50px' /><br>
                <span style='color: #ffffff; text-shadow: 0px 0px 1px #2e2d2d; font-weight: 600'>Loading......please wait</span>
            </div>
        </div>
        <div class="row" id='profile' style="background:none; display:none;">
        </div>
    </div>
</div>




<div id="myModal_printIndividualStudentBill" class="modal fade" role='dialog' style="background:none !important; border:none;">
    <div class="modal-dialog modal-lg animated fadeInDown" style="margin:0% auto;  background:none !important; border:none;">
        <div class="modal-content" style="background:none !important; border:1px solid none !important; border:none;">

            <div class="modal-body" style="background:none !important; border:none !important; border:none;">
                <div style='text-align:center; height: 100%; position: relative; margin: 100% auto; border:none;'>
                    <div class='col-md-12' id='signin' style="text-align:center; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0% auto;">
                        <img src="<?php $_SERVER['DOCUMENT_ROOT']; ?>/assets/images/ajax-l.gif" alt="Please wait.." width='50px' /><br>
                        <span style='color: #ffffff; text-shadow: 0px 0px 1px #2e2d2d; font-weight: 600'>Loading......please wait</span>
                    </div>
                </div>
                <div class="row" id='bill' style="background:none !important;">
                </div>

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