table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} .table-example-heading { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 5px; } .table-example-heading>h3 { color: #333; margin-bottom: 5px; text-transform: capitalize; font-size: 20px; } .table-hover tbody tr:hover, .table-striped tbody tr:nth-of-type(odd), .thead-default th { background-color: #f9f9f9; } .table>thead>tr>th:focus { outline: medium none } table.dataTable thead .sorting_asc:after { content: "\f0de" !important; margin-left: 10px !important; font-family: fontawesome !important; cursor: pointer !important; } table.dataTable thead .sorting_desc:after { content: "\f0dd" !important; margin-left: 10px !important; font-family: fontawesome !important; cursor: pointer !important; } table.dataTable thead .sorting:after { content: "\f0dc" !important; margin-left: 10px !important; font-family: fontawesome !important; cursor: pointer !important; color: #333 !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" } .table>thead>tr>th { border-bottom: 0px solid #ddd; font-weight: 500 } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { text-align: left; padding: 10px; vertical-align: middle; text-transform: capitalize } .table thead>tr>th, .table thead>tr>td, .table tfoot>tr>th, .table tfoot>tr>td { border-top: 0; text-transform: capitalize; background-color: #dee2e6; color: #343a40; text-align: left; padding: 10px; vertical-align: middle; } #invoice_statement .table { margin: 0; border-bottom: 1px solid #ddd } .dataTables_paginate a { background: #eee none repeat scroll 0 0 !important; cursor: pointer !important; display: inline-block !important; height: 30px !important; line-height: 30px !important; margin-right: 0px !important; margin-top: 10px !important; text-align: center !important; width: 30px !important; color: #333 !important } #invoice_statement .dataTables_paginate a:last-child { margin-right: 10px !important } .dataTables_paginate>ul.pagination>li.paginate_button>a { background: #eee none repeat scroll 0 0 !important; cursor: pointer !important; display: inline-block !important; height: 30px !important; line-height: 20px !important; margin-right: 0px !important; margin-top: 10px !important; text-align: center !important; width: 30px !important; color: #333 !important; } .dataTables_paginate>ul.pagination>li.paginate_button>a:hover { border-color: #eee !important } .dataTables_paginate>ul.pagination>li.paginate_button.active>a { background: #1CD2C9 none repeat scroll 0 0 !important; border-color: #1CD2C9 !important; color: #fff !important; cursor: not-allowed !important; } #invoice_statement .dataTables_paginate a { margin-bottom: 10px } .paginate_button.current { background: #1CD2C9 none repeat scroll 0 0 !important; color: #fff !important; cursor: not-allowed !important } .dataTables_paginate { text-align: right !important; color: #333 !important } .dataTables_info { display: inline-block !important; float: left !important; margin-left: 0px !important; margin-top: 15px !important; color: #333 !important } #invoice_statement .dataTables_info { margin-left: 10px !important } .dataTables_length { float: left !important; } .dataTables_filter { float: right !important; } .dataTables_length select { border: 1px solid #aaa !important; border-radius: 4px !important; margin: 0 5px !important; font-weight: 400 !important; padding: 5px !important; width: auto !important } .dataTables_filter input { border: 1px solid #aaa !important; border-radius: 15px !important; margin-left: 10px !important; padding: 3px 10px !important; box-shadow: 0 0 0 !important; } .dataTables_filter input:focus { outline: medium none !important; border-color: #aaa !important; box-shadow: 0 0 0 !important } .dataTables_length>label, .dataTables_filter>label { color: #333 !important; font-weight: 500 !important; text-transform: capitalize !important; } table td img { width: 50px } .table-responsive { margin-bottom: 0 } .table-responsive table { margin-bottom: 0; } table#product-order, table#employee-list { margin-bottom: 0; border-bottom: 1px solid #ddd; } table.dataTable { margin: 0 !important } table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 { background-color: #fafafa; } .datatables-example-heading>h3 { border-bottom: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); font-size: 20px; margin-bottom: 10px; padding-bottom: 10px; text-transform: capitalize; } .advance-table { margin-top: 15px; } .advance-table table { margin-top: 5px !important } button.btn.btn-default.datatable-btn { color: #333 !important; border: 1px solid #aaa !important; background: transparent !important; font-size: 13px; padding: 2px 10px } table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child { padding-left: 10px } table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before { display: none }