<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger pr3 mean_div" id="waiting_overall_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall waiting period</b></h5>
                <div id="qwpov_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="waiting_overall_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall waiting period</b></h5>
                <div id="qwpov_topbrand"></div>
        </div>
    </div>
    <div class="col-lg-12 tbl_div" style="display:none">
        <div class="card card-shadow-danger pr3">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall waiting period</b></h5>
            <table id="QWPOV_tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>


<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger mean_div pr3" id="waiting_timely_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Timely updates on the sales transactions</b></h5>
            <div id="qwpl_1_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="waiting_timely_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Timely updates on the sales transactions</b></h5>
            <div id="qwpl_1_topbrand"></div>
        </div>
    </div>
    <div class="col-lg-12 tbl_div" style="display:none">
        <div class="card card-shadow-danger pr3">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Timely updates on the sales transactions</b></h5>
            <table id="QWPL_1tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger pr3 mean_div" id="waiting_quality_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Quality of Communication during Waiting Period</b></h5>
            <div id="qwpl_2_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="waiting_quality_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Quality of Communication during Waiting Period</b></h5>
            <div id="qwpl_2_topbrand"></div>
        </div>
    </div>

    <div class="col-lg-12 tbl_div" style="display:none">
        <div class="card card-shadow-danger pr3">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Quality of Communication during Waiting Period</b></h5>
            <table id="QWPL_2tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

