table.dataTable thead th,table.dataTable tfoot th{font-weight:bold; text-align: center; vertical-align: middle;}
table.dataTable thead th,table.dataTable thead td{padding:10px 10px; background:#000; color:#000;}
#dataTable thead th,table.dataTable thead td{padding:10px 10px; background:#d3bb04; color:#fff; border: 1px solid #d3bb04;}
#dataTable tbody td{padding:5px 10px; background:#ebebeb; border: 1px solid #d3bb04; color:#000; border-bottom: 1px solid #d3bb04; }

#dataTable2 thead th{padding:10px 10px; background:#d3bb04; border: 1px solid #d3bb04; color:#fff;font-size: 13px; text-align: center; }
#dataTable2 tbody td{padding:5px 5px; color:#000; border: 1px solid #d3bb04; font-size: 13px;}


#dataTable thead {border:1px solid #bbb;}
table.dataTable thead th:active,table.dataTable thead td:active{outline:none}
table.dataTable tbody tr.selected{background-color:#B0BED9;}

table.dataTable tbody tr td{padding:5px 10px;border:1px solid #ccc}

#table_style{width:100%;}
#table_style thead th,table.dataTable thead td{padding:10px 10px; background:#d3bb04; color:#fff; font-weight:normal; }
#table_style tbody tr td{padding:5px 10px;border:1px solid #ccc;}

#table_style_pos{width:100%;}
#table_style_pos thead th,table.dataTable thead td{padding:10px 10px;background:#d3bb04; color:#fff;}
#table_style_pos tbody tr td{padding:5px 5px;border-bottom:1px solid #ccc; }
#table_style_pos tbody tr{background:#f1f1f1} 
#table_style_pos tbody tr:hover{background:rgba(66,136,197,0.3)} 


table#table_style_pos thead th:active,table.dataTable thead td:active{outline:none}
table#table_style_pos tbody tr.selected{background-color:#B0BED9;}

table#table_style_pos_2 tbody tr {border-bottom:1px solid #ccc;}
#table_style_pos_2 tbody tr td{padding:5px 5px;border:0px solid #ccc; background:#d3bb04;}

.form-pos{ padding: 5px; border: none; background: none; border-bottom: 1px solid #d3bb04; width: 100%; background:#F3F3F3;}
.form-pos-2{ padding: 5px; border: none; background: none; border-bottom: 1px solid  #d3bb04; width: 100%; }
.form-pos-3{ padding: 5px; border: none; background: none; border-bottom: 1px solid #d3bb04; width: 100%; background:rgba(255,255,255,0.3); border-radius:none;}

#footer_pos{width:100%; }
#footer_pos thead th,table.dataTable thead td{padding:3px 3px; color:#fff;}
#footer_pos tbody tr td{padding:10px 5px;border-bottom:1px solid #ccc; background: #f9f9f9;}

#table-product{width:100%; padding: 10px 0;}
#table-product thead th,table.dataTable thead td{padding:2px 10px; color:#fff;}
#table-product tbody tr td{padding:2px 10px;border-bottom:0px solid #ccc;}

#table-invoice{width:100%; padding: 10px 0;}
#table-invoice thead th,table.dataTable thead td{padding:5px 10px; background:#d3bb04; color:#fff; font-weight: normal;}
#table-invoice tbody tr td{padding:3px 10px;}

#table-invoice-body{width:100%; padding: 10px 0;}
#table-invoice-body thead th,table.dataTable thead td{padding:5px 10px; background:#d3bb04; color:#fff; font-weight: normal;}
#table-invoice-body tbody tr td{padding:2px 10px; border-bottom:1px solid #ccc;}
#table-invoice-body tfoot tr td{padding:3px 10px; color:#fff;}

#bg-foot-invoice{ background: #333333; border-left: 5px solid #fff; border-bottom: 2px solid #fff; border-top: 2px solid #fff;}

.form-control-sm{ padding:4px; border:1px solid #ccc; width:100%;}

.box-product{background:#fff; padding:10px; }
.box-product:hover{background:#f1f1f1;}


#table_style_pos_trans{width:100%;}
#table_style_pos_trans thead th,table.dataTable thead td{padding:10px 20px 5px 20px;background:#fff; color:#4e4e4e; text-align:left;}
#table_style_pos_trans tbody tr td{padding:5px 20px;}
#table_style_pos_trans tbody tr{background:#fff} 
#table_style_pos_trans tbody tr:hover{background:#f1f1f1}