<div class="row mt-2">
    <div class="col-md-3">
    </div>
    <div class="col-md-7">
    </div>
    <div class="col-md-2">
        <button type="button" class="btn-transition btn btn-outline-warning btn-sm btn-brand" onclick="swapChart(this,1);" style="float:right;cursor:pointer">
            Sub Brands
        </button>
    </div>
</div>
<div class="row mt-2">
    <div class="col-lg-12">
        <div class="card card-shadow-danger mb-2 mt-1" style="background-color:#FFFFFF;">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card card-shadow-danger" id="brand_satisfaction_div">
                        <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Satisfaction Brands</b></h5>
                        <div id="qa1_brand"></div>
                    </div>
                    <div class="card card-shadow-danger" id="sub_brand_satisfaction_div" style="display:none;"> 
                        <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Satisfaction Sub-Brands</b></h5>
                        <div id="qa1_subbrand"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-md-3">
    </div>
    <div class="col-md-7">
    </div>
    <div class="col-md-2">
        <button type="button" class="btn-transition btn btn-outline-warning btn-sm btn-brand" onclick="swapChart(this,2);" style="float:right;cursor:pointer">
            Sub Brands
        </button>
    </div>
</div>
<div class="row mt-2">
    <div class="col-lg-12">
        <div class="card card-shadow-danger mb-2 mt-1" style="background-color:#FFFFFF;">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card card-shadow-danger" id="brand_repurchase_div">
                        <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Repurchase Brands</b></h5>
                        <div id="qa4_brand"></div>
                    </div>
                    <div class="card card-shadow-danger" id="sub_brand_repurchase_div" style="display:none;"> 
                        <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Repurchase Sub-Brands</b></h5>
                        <div id="qa4_subbrand"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>