File: /home/barbeatleanalyti/public_html/manage.beatleanalytics.com/site/template/offers.php 2-1-2019
<!--<link rel="stylesheet" type="text/css" href="theme/black/css/tm_editable.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/tm_validator.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/profile.css">
<link rel="stylesheet" type="text/css" href="theme/black/css/round-button-theme.css">
-->
<link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="theme/black/css/profile.css">
<!--<link rel="stylesheet" href="profile.css"> -->
<?php
// Declare new object
$objProfile = object;
// Assing object
$objProfile = $objDB->objController;
// Assign all variable's value
$pg = $objProfile->pg;
$acn = $objProfile->acn;
$v = $objProfile->v;
$error = $objProfile->error;
$msg = $objProfile->msg;
$login = $objProfile->login;
$profileimage = $objProfile->profileimage;
?>
<div class="content-wrapper cust_hight">
<section class="content-header">
<h1> <i class="fa fa-home"></i> <strong> <span style="font-size:16px !important;" id="org-name"><?php echo $OrgName; ?></span> </strong> </h1>
<ol class="breadcrumb">
<li><a href="dashboardma.html"><i class="fa fa-home"></i> Home</a></li>
<li class="active">Offers details</li>
</ol>
</section>
<!---
<section class="content-header">
<h1>
<?php if(strtolower($v) == 'list') { ?> Profile details.
<?php }?>
</h1>
</section>---->
<div class="col-md-12">
<?php
// Error or success message display
$objDB->NotificaitonForResult($msg,$error);
?>
</div>
<section class="content">
<div class="row">
<div class="col-md-12" style=""> <!----------20-4-2018 old---->
<?php if($v == 'list') {
$SQL = "SELECT * FROM beatle_offers WHERE orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferData = $objDB->sql_query($SQL);
$rsCustomerInfo = $objProfile->searchCustomerData();
?>
<div class="bx-box footer-box main-br">
<!-------------------new theme----------------------->
<div class="new_theme_offer">
<div class="new-offer">
<div class="offer-heder">
<div class="col-md-8 upload_offer">
<div class="offer_left">
<div class="">
<form onsubmit="javascript: return frmValidateSearch()" name="frmCustomerSearch" id="frmCustomerSearch" class="bs-example form-horizontal ng-pristine ng-valid" method="post" action="offers.html" enctype="multipart/form-data" >
<input type="hidden" name="acn" value="searchCustomerData" id="acn" />
<input type="hidden" name="v" value="list" id="v" />
<input type="hidden" name="pg" value="offers" id="pg" />
<div class="col-md-4 upload">
<button type="button" class="btn btn-default btn-warning btn-lg pull-right" data-toggle="modal" data-target="#modal-default" style="color:#fff;">
Upload your Offer
</button>
</div>
<div class="col-md-8"></div>
<br><br>
<hr>
<div class="col-sm-6 chek_tokan">
<input type="text" value="<?php echo @$_POST['userid']?>" class="search" name="userid" id="userid" placeholder="User ID, Phone number" style="width: 100%;padding: 5px 9px;font-size: 15px; border-radius: 3px; border: 1px solid #DDD;}">
</div>
<div class="col-sm-6 chek_tokan">
<input type="text" value="<?php echo @$_POST['tokenid']?>" class="search" name="tokenid" id="tokenid" placeholder="Token Number" style="width: 100%;padding: 5px 9px;font-size: 15px; border-radius: 3px; border: 1px solid #DDD;}">
<?php if(!empty($_POST['tokenid'])) {?><i onclick="javascript: return removeTokenid()" title="Delete token number." style="font-size: 25px;
color: #d2211b;
cursor: pointer;
position: absolute;
top: 12px;
right: 32px;" class="fa fa-times" aria-hidden="true"></i> <?php } ?>
</div>
<div class="col-md-12 token_btn no-padding">
<a href="#" onclick="javascript: return frmValidateSearch()" class="btn btn-block btn-primary"> <i class="fa fa-search" aria-hidden="true"></i>
Search </a>
<a href="offers.html" class="btn btn-block btn-danger "> <i class="fa fa-refresh" aria-hidden="true"></i> Reset</a>
</div>
</form>
</div>
<div class="col-md-12 no-padding">
<div class="row-">
<?php
if(count($rsCustomerInfo) > 0 ) {
?>
<?php //echo pagination_log($s,$perpage,$start,$nume,$totalpage,$pg,$v); ?>
<?php
}
?>
<div class="col-md-12 no-padding">
<div class="table-responsive">
<table id="example90" class="example90 display offer_tb-- table-- table-striped-- table-bordered-- " style="width:100%">
<thead style="background: #4f4b4b; color: #fff;">
<tr>
<th class="text-center">User ID</th>
<th class="text-center">Name</th>
<th class="text-center">Point</th>
<th class="text-center">Token No.</th>
<th class="text-center">Request date</th>
<th class="text-center">Status</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
<?php
//print_r($_SESSION);
//echo "<pre>";
//print_r($rsCustomerInfo);
//echo "</pre>";
if(count($rsCustomerInfo)>0){
if(!empty($FromDate))
$lnk = "&FromDate=".$FromDate;
if(!empty($ToDate))
$lnk .= "&ToDate=".$ToDate;
for ($i=0;$i< count($rsCustomerInfo);$i++)
{
if($i%2)
$bgclass='altrow';
else
$bgclass='oddrow';
$datetime = strtotime(date("Y-m-d H:i:s"));
$intime = 'N';
// && strtotime($rsOfferData[$i]['expire_time']) > $datetime
if((int)strtotime($rsCustomerInfo[$i]['added_date']) <= (int)$datetime && (int)strtotime($rsCustomerInfo[$i]['expire_time']) >= (int)$datetime){
$intime = 'Y';
}
$style_ = '';
if($rsCustomerInfo[$i]['approved'] == 'Y'){
$style_ = 'style="background-color:rgb(93, 92, 92) !important; color:#fff;"';
}else if($intime == 'N') {
$style_ = 'style="background-color:rgba(179, 31, 12, 0.70) !important; color:#fff;"';
}
?>
<tr class="<?php echo $bgclass;?>" >
<td <?php echo $style_; ?> class="text-center"><label name="User ID"><?php echo $rsCustomerInfo[$i]['db_phone']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="Name"><?php echo $rsCustomerInfo[$i]['db_username']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="Points"><?php echo $totalPoints = $objProfile->fetchTotalBonus($rsCustomerInfo[$i]['userId']);?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="token number"><?php echo $rsCustomerInfo[$i]['tokenid']; ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="date"><?php echo date("d/m/Y h:i:s A",strtotime($rsCustomerInfo[$i]['added_date']))." - ".date("d/m/Y h:i:s A",strtotime($rsCustomerInfo[$i]['expire_time'])); ?></label></td>
<td <?php echo $style_; ?> class="text-center"><label name="action">
<?php if($intime == 'Y') {
echo '<i style="font-size: 25px;color: #217123;margin-top: 11px;background: #fff;padding: 2px 9px;border-radius: 4px;" class="fa fa-check" aria-hidden="true"></i>';
}else {
echo '<i style="font-size:25px;background: #fff; padding: 2px 9px; border-radius: 4px; color:#d2211b; margin-top: 12px;" class="fa fa-times" aria-hidden="true"></i>';
}?>
</label></td>
<td <?php echo $style_; ?> class="offer_done">
<?php if($rsCustomerInfo[$i]['approved '] == 'Y') { ?>
<a data-toggle='modal' class="btn" data-target='#<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>' href=''> DONE </a>
<?php }else{ ?>
<a data-toggle='modal' class="btn " data-target='#<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>' href=''> Apply </a>
<?php } ?>
</td>
<div class="modal" id="<?php echo "modal_".$rsCustomerInfo[$i]['applyid'];?>" style="padding-right: 17px;">
<div class="modal-dialog" style="width:70% !important;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">More details</h4>
</div>
<div class="modal-body">
<h3> CUSTOMER DETAILS </h3>
<?php $SQL = "SELECT * FROM beatle_offers WHERE offerid = ".$rsCustomerInfo[$i]['offerid']." AND orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferDataCustomer = $objDB->sql_query($SQL);
?>
<div style="background:#fff !important; padding:10px;">
<h4> <p> <strong>Avilable Points : </strong> <?php echo $totalPoints; ?> </p> </h4>
<p> <strong>Name : </strong> <?php echo $rsCustomerInfo[$i]['db_username']; ?> </p>
<p> <strong>User ID : </strong> <?php echo $rsCustomerInfo[$i]['db_phone']; ?> </p>
<p> <strong>Token ID : <?php echo $rsCustomerInfo[$i]['tokenid']; ?> </strong></p>
<p> <strong>Point require : </strong> <?php echo $rsOfferDataCustomer[0]['spoint']. " - ".$rsOfferDataCustomer[0]['epoint']; ?> </p>
<?php
if($intime == 'Y' && $rsCustomerInfo[$i]['approved'] == 'N') {
?>
<p> <strong>Enter points : <input id="readeempoint_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="pointval" type="text" />
<input type="button" name="btn-sub" onclick="javascript: validateCusOffer(<?php echo $rsCustomerInfo[$i]['applyid']; ?>)" class="btn btn-sm btn-success" value=" Apply offer now" /> </strong></p>
<?php } ?>
<input type="hidden" id="avail_point_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="point" value="<?php echo $totalPoints; ?>" >
<input type="hidden" id="custid_<?php echo $rsCustomerInfo[$i]['applyid']; ?>" name="custid" value="<?php echo $rsCustomerInfo[$i]['userId']; ?>" >
</div>
</div>
<div class="modal-body">
<h3> OFFER APPLIED FOR</h3>
<?php $SQL = "SELECT * FROM beatle_offers WHERE offerid = ".$rsCustomerInfo[$i]['offerid']." AND orgid = ".$_SESSION['OtherInfo']['OrgID']." ORDER BY startdate DESC";
$rsOfferDataCustomer = $objDB->sql_query($SQL);
?>
<div style="background:#ffffea !important; padding:10px;"> <p> <strong>Title : </strong> <?php echo $rsOfferDataCustomer[0]['title']; ?> </p>
<p> <strong>Offer Validity : </strong> <?php echo date("d/m/Y H:i A",strtotime($rsOfferDataCustomer[0]['startdate'])). " to ".date("d/m/Y H:i A",strtotime($rsOfferDataCustomer[0]['enddate'])) ; ?> </p>
<p> <strong>Point require : </strong> <?php echo $rsOfferDataCustomer[0]['spoint']. " - ".$rsOfferDataCustomer[0]['epoint']; ?> </p>
<p> <strong>Description : </strong> <?php echo $rsOfferDataCustomer[0]['description']; ?> </p>
<p style="text-align:center;"><img style="width:70% !important; height:250px !important;<?php echo $style; ?>" class="card-bkimg" alt="" src="<?php echo OFFER_BANNER_ROOT.$rsOfferDataCustomer[0]['offer_image']?>"></p> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button> -->
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
</tr>
<?php }
}else{
?>
<tr class="altrow" > <td colspan="10" align="center" ><br /> No record found. <br /><br /> </td> </tr>
<?php } ?>
</tbody>
</table>
<script>
$(document).ready(function() {
$('.example90').DataTable( {
//"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
// "scrollY": 200,
// "scrollX": true
"scrollY": 200,
"scrollX": true
} );
} );
</script>
</div>
</div>
<?php
if(count($rsCustomerInfo) > 0 ) {
?>
<?php //echo pagination_log($s,$perpage,$start,$nume,$totalpage,$pg,$v); ?>
<?php
}
?>
</div>
</div>
</div>
</div>
<div class="col-md-4 offer_process no-padding">
<img src="theme/black/images/offer_process.png">
</div>
</div>
<div class="col-md-12">
<div class="">
<?php
//echo "<pre>";
//print_r($rsOfferData);
//echo "</pre>";
if(count($rsOfferData) > 0) { ?>
<br /><br /><br />
<div class="table-offer">
<div class="col-md-12 no-padding">
<div class="table-responsive panel-default" >
<!---<table id="example" class="display" style="width:100%">----->
<table id="example9" class="display nowrap" style="width:100%">
<thead>
<tr class="">
<th >Offer ID</th>
<th>Offer Title</th>
<th>Organization</th>
<th>Branch</th>
<th>Industry</th>
<th>Value – in terms of Bonus Points</th>
<th>Date of Activation</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php for($i=0; $i<count($rsOfferData); $i++) { ?>
<tr class="oddrow" data-toggle="modal" data-target="#modal-default-<?php echo $rsOfferData[$i]['offerid'];?>">
<td ><?php echo $rsOfferData[$i]['offeruid']; ?></td>
<td ><?php echo $rsOfferData[$i]['title'];?></td>
<td><?php echo $orgName = $objProfile->FetchOrganizationName($rsOfferData[$i]['orgid']);?></td>
<td> - </td>
<td> - </td>
<td><?php echo $rsOfferData[$i]['epoint'];?></td>
<td><?php echo date("d/m/Y",strtotime($rsOfferData[$i]['start_date']));?></td>
<td><?php if($rsOfferData[$i]['active'] == 'Y') echo 'Active'; else echo 'Not Active';?></td>
<!--<th class="col-xs-2 col-sm-1 col-md-2 text-center"><?php echo $rsOfferData[$i]['title'];?></th> -->
</tr>
<div class="modal fade in" id="modal-default-<?php echo $rsOfferData[$i]['offerid'];?>" style="display: none; padding-right: 17px;">
<div class="modal-dialog" style="width: 50%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">Offers - #<?php echo $rsOfferData[$i]['offeruid'];?></h4>
</div>
<div class="modal-body">
<div class="col-md-12">
<div class="box box-success box-solid">
<div class="box-header with-border">
<h3 class="box-title"> <?php echo $rsOfferData[$i]['title'];?> </h3>
<!-- /.box-tools -->
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="box-body sub">
<div class="card-img">
<div class="card" style="text-align:center;" id="festival-banner"><img style="width:100% !important; height:250px !important; " class="card-bkimg" alt="" src="<?php echo OFFER_BANNER_ROOT.$rsOfferData[$i]['offer_image']?>"></div>
</div>
<div class="card-info">
<div class="validity"> <strong>Organization Name : </strong> <span> <?php echo $orgName;?> </span></div>
<div class="validity"> <strong>Industry Name : </strong> <span> - </span></div>
<div class="validity"> <strong>Branch Name : </strong> <span> - </span></div>
<div class="validity"> <strong>Offer Validity : </strong> <span> <?php echo date("d/m/Y H:i A",strtotime($rsOfferData[$i]['startdate'])). " to ".date("d/m/Y H:i A",strtotime($rsOfferData[$i]['enddate'])) ; ?> </span> </div>
<div class="validity"> <strong>Point require : </strong> <span> <?php echo $rsOfferData[$i]['epoint'];?> </span></div>
<div class="descri"> <strong>Description : </strong> <span> <?php echo $rsOfferData[$i]['description'];?> </span> </div>
</div>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<div class="modal-footer">
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<?php } ?>
</tbody>
</table>
<br /> <br />
</div>
</div>
</div>
<br />
<?php } else { ?>
<div class="box box-primary card hovercard " style="border:none; border-top:2px solid #3c8dbc;">
<div class="card" id="festival-banner">NO OFFER RECORD FOUND</div>
</div>
<br />
<?php }?>
</div>
</div>
</div>
<script>
function frmValidateSearch(){
var uid = document.getElementById('userid');
var tid = document.getElementById('tokenid');
if(uid.value.trim() == ''){
uid.style.border = '1px solid red';
return false;
}
document.getElementById('frmCustomerSearch').submit();
}
function removeTokenid(){
document.getElementById('tokenid').value = "";
document.getElementById('frmCustomerSearch').submit();
}
function validateCusOffer(appid){
var aid = document.getElementById('readeempoint_'+appid);
var avlpoint = document.getElementById('avail_point_'+appid).value.trim();
var custid = document.getElementById('custid_'+appid).value.trim();
aid.value.trim() > avlpoint
if(aid.value.trim() == ''){
aid.style.border = '1px solid red';
return false;
}else if(parseInt(aid.value.trim()) > parseInt(avlpoint)){
alert('Insufficient points');
return false;
}else{
if(!confirm('Are you sure to submit value')){
return false;
}
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
if(this.responseText == 0){
alert('Offer applied successfuly to customer!');
window.location.href = 'offers.html';
}else{
alert('Something woring to apply offers, please try again!');
window.location.href = 'offers.html';
}
//document.getElementById("festival-banner").innerHTML = this.responseText;
}
};
xhttp.open("GET", "runajax.php?acn=applyoffertocustomer&applyid="+appid+"&custid="+custid+"&readeempoint="+aid.value.trim(), true);
xhttp.send();
}
}
</script>
</div>
<!------------------//-new theme----------------------->
</div>
<?php } ?>
</div>
</div>
</section>
</div>
<!-- Other Libraries -->
<!---<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>------>
<!-- Tm Library -->
<!--
<script type="text/javascript" src="theme/black/js/tm_validator.js"></script>
<script type="text/javascript" src="theme/black/js/tm_editable.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#text_demo, #textarea_demo, #checkbox_demo, #select_demo, .width_auto_demo').tm_editbale('init',{
theme:'round-button-theme',
outside_btn:{
onshow:" <i class='fa fa-pencil'></i> ",
new_line:false,
onhover:''
},
inside_btn:{
new_line:false,
ok:"<i class='fa fa-check'></i>",
cancel:"<i class='fa fa-times'></i>"
}
});
setTimeout(function(){
$('#radio_demo').tm_editbale('init',{
theme:'round-button-theme',
outside_btn:{
onshow:" <i class='fa fa-pencil'></i> ",
new_line:false,
onhover:''
},
inside_btn:{
new_line:false,
ok:"<i class='fa fa-check'></i>",
cancel:"<i class='fa fa-times'></i>"
}
});
},350);
});
</script> -->
<div class="offer modal fade in" id="modal-default" style="display:none; padding-right: 17px;">
<div class="modal-dialog products-add " style="width:55%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title" style="text-align:center;"> Offer Upload </h4>
</div>
<div class="modal-body">
<p>
<form name="frmOffers" id="frmOffers" action="offers.html?pg=offers&acn=addOffersTempData" method="post" class="form-horizontal" enctype="multipart/form-data">
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="product_name">Title</label>
<div class="col-md-6">
<input id="title" name="title" placeholder="Offers title" class="form-control input-md" type="text">
</div>
</div>
<script>
$(document).ready(function(e) {
$('#validity').daterangepicker()
});
</script>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="product_categorie">Offers validity</label>
<div class="col-md-6">
<input id="validity" name="validity" placeholder="Offers validity" class="form-control input-md" type="text">
</div>
</div>
<!-- Textarea -->
<div class="form-group">
<label class="col-md-4 control-label" for="product_description">Points </label>
<div class="col-md-3">
<input id="pointfrom" name="pointfrom" placeholder="Starting point" class="form-control input-md" value="1" type="hidden">
<input id="pointto" name="pointto" placeholder="Till point" class="form-control input-md" type="text">
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" for="percentage_discount">Description</label>
<div class="col-md-6">
<textarea rows="6" cols="12" class="form-control input-md" name="description" id="description"></textarea>
</div>
</div>
<!-- File Button -->
<div class="form-group--">
<label class="col-md-4 control-label" for="filebutton"> Upload offer images/banner </label>
<div class="col-md-4 product-file custom-upload-- cropik">
<!--<input id="filebutton" name="filebutton" class="input-file" type="file" style="padding: 8px 0; font-size:18px;">
<label id="filebutton" for="file-upload" class="custom-file-upload">
<i class="fa fa-cloud-upload"></i> Photo Upload
</label>
<input name="filebutton" id="file-upload" type="file"/>
--->
<script src="<?php echo $curImagePath?>/js/jquery.cropit.js"></script>
<div class="image-editor">
<input name="filebutton" id="file-upload" class="cropit-image-input" type="file">
<br>
<div class="cropit-preview" style="width:500px; margin:0 auto;"></div>
<div class="image-size-label">
Resize image
</div>
<input type="range" class="cropit-image-zoom-input">
</div>
</div>
</div>
<br>
<div class="form-group" style="width:100%;">
<label class="col-md-4 control-label" for="filebutton"></label>
<div class="col-md-4 product-file terms">
<input class="terms-and-condition" id="terms" name="terms" type="checkbox"> Agree with terms and condition
</div>
</div>
<br>
<div class="form-group">
<div class="col-md-12" style="text-align:center;">
<input type="submit" id="singlebutton" name="singlebutton" class="export- btn btn-warning btn-lg producat-upload" value="Upload Offers">
</div>
</div>
</form>
</p>
</div>
<!--- <div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>---->
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!---data table--->
<script>
$(document).ready(function() {
$('#example9').DataTable( {
"scrollY": 650,
"scrollX": true
} );
} );
</script>
<!---//data table--->
<!----cropik---->
<script>
$(function() {
$('.image-editor').cropit({
exportZoom: 1.25,
imageBackground: true,
imageBackgroundBorderWidth: 6600,
imageState: {
src: 'http://lorempixel.com/500/400/',
},
});
$('.rotate-cw').click(function() {
$('.image-editor').cropit('rotateCW');
});
$('.rotate-ccw').click(function() {
$('.image-editor').cropit('rotateCCW');
});
$('.export').click(function() {
var imageData = $('.image-editor').cropit('export');
window.open(imageData);
});
});
</script>
<!---//-cropik---->
<style>
.box.box-primary.card.hovercard {margin-top: 50px;}
</style>
<style>
.head-line{margin-top:2px !important; margin-bottom:2px !important;}
.bg__{background:rgba(179, 31, 12, 0.28) !important;}
</style>
<style>
div.dataTables_wrapper { width: 100% !IMPORTANT; margin: 0 auto; padding: 0px !IMPORTANT;}
.dataTables_scrollHeadInner { padding: 0px !IMPORTANT; width: 100% !IMPORTANT;margin: 0 auto !IMPORTANT;}
table.display.nowrap.dataTable.no-footer { width: 100% !IMPORTANT; text-align: center !IMPORTANT;margin: 0 auto; padding: 0px;}
table.display.nowrap.dataTable.no-footer thead th { text-align: center;}
.dataTables_scroll .dataTables_scrollBody {max-height: 200px !IMPORTANT; max-height: 200px !IMPORTANT;}
.dataTables_scroll { border: 1px solid #909090; border-radius: 3px;}
div#example90_paginate , div#example90_info , div#example90_length , div#example90_filter { display: none;}
</style>
<style>
.card{padding:5px;margin-top: 5px;}
.card-bkimg:hover{filter:none !important;}
</style>
<style>
.box-body.sub { background: #fff;}
.box-header.ui-sortable-handle { background: #d0c9c9;}
.bx-box { border-top-right-radius: 10px !IMPORTANT; border-top-left-radius: 10px;}
.card-info { color: #000;}
.bx-box.footer-box.offer-data {
border: 3px solid black;
margin-bottom: 14px;}
.box-body.sub { margin-bottom: 20px;}
.card-info { color: #000; margin: 6px 0 0 0;}
.box-body.main { background: #FFF;}
.main-br { margin-bottom: 15px;}
</style>