<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger pr3 mean_div" id="delivery_overall_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall delivery experience</b></h5>
            <div id="qdpov_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="delivery_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 delivery experience</b></h5>
            <div id="qdpov_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 delivery experience</b></h5>
            <table id="QDPOV_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="delivery_timeline_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Timeliness of completing the final delivery</b></h5>
            <div id="qdpl_1_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="delivery_timeline_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Timeliness of completing the final delivery</b></h5>
            <div id="qdpl_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">Timeliness of completing the final delivery</b></h5>
            <table id="QDPL_1_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 pr3 mean_div" id="delivery_condition_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Condition of your vehicle</b></h5>
            <div id="qdpl_2_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="delivery_condition_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Condition of your vehicle</b></h5>
            <div id="qdpl_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">Condition of your vehicle</b></h5>
            <table id="QDPL_2_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="delivery_experience_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience of purchasing related products</b></h5>
            <div id="qdpl_3_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="delivery_experience_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience of purchasing related products</b></h5>
            <div id="qdpl_3_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">Experience of purchasing related products</b></h5>
            <table id="QDPL_3_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 pr3 mean_div" id="delivery_ceremony_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Delivery ceremony</b></h5>
            <div id="qdpl_4_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="delivery_ceremony_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Delivery ceremony</b></h5>
            <div id="qdpl_4_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">Delivery ceremony</b></h5>
            <table id="QDPL_4_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="delivery_dealership_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Dealership staff on their preparedness and enthusiasm</b></h5>
            <div id="qdpl_5_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="delivery_dealership_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Dealership staff on their preparedness and enthusiasm</b></h5>
            <div id="qdpl_5_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">Dealership staff on their preparedness and enthusiasm</b></h5>
            <table id="QDPL_5_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 pr3 mean_div" id="delivery_thoroughness_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Thoroughness of explanations</b></h5>
            <div id="qdpl_6_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="delivery_thoroughness_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Thoroughness of explanations</b></h5>
            <div id="qdpl_6_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">Thoroughness of explanations</b></h5>
            <table id="QDPL_6_tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

