<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;

    }

    td, th {
        border: 1px solid #000000;
        text-align: center;
        padding: 2px;
    }


    caption{
        text-align: center;
        background-color: #c7dff2;
        color: #000000;
        font-weight: bold;
        border: 1px solid #000000;
    }

    .portlet.box.purple > .portlet-title {
        background-color: #b2a4ca;
    }

    .portlet.box.purple > .portlet-title > .caption{
        color: #000000;
        font-weight: bold;
    }

</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="row">
            <div class="col-md-12 clinick invz" id="gprinModel">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-user"></i>Obstetric Case Summary
                        </div>
                        <div class="actions">
                            <a  class="btn btn-default btn-xs" id="opCaseSumPrint" ><i class="fa fa-print"></i> Print </a>
                        </div>
                    </div>
                    <div class="portlet-body">

                        <!---======================================================== tab1============================================================================================ ----->

                        <div class="row">
                            <div id="ultrasoundgynaDiv">

                                <div class="row">

                                    <div class="portlet-body form" >
                                        <form>
                                            <div class="form-body">