<div class = "col-md-12">
<div class = "row">
              <div id="approve_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>

              <div id="unapprove_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>

              <div id="cancel_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>

               <div id="hot_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>

               <div id="block_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>

               <div id="resale_stats" class="col-6 col-sm-3  col-lg-2 ">
                  
              </div>
      

              
            </div>
              <div class = "row">

                    <div class="col-sm-4">
                      
                    <div class="card">
                      <div class="card-header">
                        <h3 class="card-title">Inventory Progress</h3>
                      </div>
                      <div class="card-body">
                        <div id="chart-donut" style="height: 15rem;" ></div>
                      </div>
                    </div>
         
                  </div>
                   <div class="col-sm-8">
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">Sales Progress</h3>
                  </div>
                  <div class="card-body">
                    <div id="chart-combination" style="height: 15rem"></div>
                  </div>
                </div>
               
              </div>
            </div>
          </div>
                       
       