<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger pr3 mean_div" id="sales_overall_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall sales initiation</b></h5>
            <div id="qsiov_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="sales_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 sales initiation</b></h5>
            <div id="qsiov_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 sales initiation</b></h5>
            <table id="QSIOV_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="sales_ease_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Ease of reaching out to sales representative regarding any query</b></h5>
            <div id="qsil_1_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="sales_ease_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Ease of reaching out to sales representative regarding any query</b></h5>
            <div id="qsil_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">Ease of reaching out to sales representative regarding any query</b></h5>
            <table id="QSIL_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="sales_courteousness_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Courteousness/Attentiveness of sales representative during discussion</b></h5>
            <div id="qsil_2_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="sales_courteousness_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Courteousness/Attentiveness of sales representative during discussion</b></h5>
            <div id="qsil_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">Courteousness/Attentiveness of sales representative during discussion</b></h5>
            <table id="QSIL_2tbl" 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="sales_knowledge_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Knowledge of sales representative</b></h5>
            <div id="qsil_3_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="sales_knowledge_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Knowledge of sales representative</b></h5>
            <div id="qsil_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">Knowledge of sales representative</b></h5>
            <table id="QSIL_3tbl" 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="sales_quality_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Quality of sales executive</b></h5>
            <div id="qsil_4_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger pr3 top_div" id="sales_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 sales executive</b></h5>
            <div id="qsil_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">Quality of sales executive</b></h5>
            <table id="QSIL_4tbl" 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="sales_transparency_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Transparency in Explanation of all costing related aspects</b></h5>
            <div id="qsil_5_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="sales_transparency_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Transparency in Explanation of all costing related aspects</b></h5>
            <div id="qsil_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">Transparency in Explanation of all costing related aspects</b></h5>
            <table id="QSIL_5tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div> 
    </div>
</div>