<style type="text/css">
    .databox.databox-vertical {
        height: auto !important;
    }
    @media only screen and (max-width: 768px) {
        .btprogress {
            margin-top: 36px !important;
        }
        .bg-blueberry {
            height: 94px !important;
        }
        .bg-gold {
            height: 94px !important;
        }
        .bg-silver {
            height: 94px !important;
        }
    }
</style>
<div class="col-lg-12 col-sm-12 col-xs-12 well">
   <div id="KDSDetails"></div> 
</div>
<script type="text/javascript">
$(document).ready(function() {
        $.ajax({ url: "<?= base_url() ?>dashboard/DataboxesKDS/kdsdisplay",
            data: {
                displayids: "<?php echo (string)$displayid; ?>"
            },
            type: "POST",
            success: function(data){
                $("#KDSDetails").html(data);
            }
        });
    
});
</script>