tr .even{background:red !important;} tfoot input { width: 100%; padding: 3px; box-sizing: border-box; } tr.highlight { background-color: blue !important; } td,th { border: 1px solid #dad8d8 ; border-collapse: collapse; color: #0e0b0b; font-size: 15px; } table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: collapse; } table{ border-collapse: collapse} tr { border-right: 1px solid #dad8d8 !important; border-collapse: collapse; } table.dataTable tbody tr{ border-right: 1px solid #dad8d8 !important;} table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1{background-color:#f5f5f5 !important} table.dataTable thead > tr > th.sorting{background: #ffe8cb;} table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 { box-shadow: none; } table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 { box-shadow: none; } a > .current{padding:0px 10px 0px 10px !important} table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { height: 28px; } .form-control:focus { border-color: #cacdd1 !important; } th{background: #ffe8cb !important;} .add-panel { position: fixed; top: 0; right: -400px; width: 380px; height: 100%; background: #ffffff; box-shadow: -4px 0 10px rgba(0,0,0,0.2); transition: right 0.3s ease-in-out; z-index: 1050; } .add-panel.open { right: 0; } .add-panel-header { padding: 15px; background: #f9b523; color: #000; display: flex; justify-content: space-between; align-items: center; } .add-panel-body { padding: 20px; } .close-btn { background: none; border: none; font-size: 22px; cursor: pointer; } .sort-btn { padding: 0 4px; background: none; border: none; cursor: pointer; font-size: 12px; } .sort-btn:hover, .filter-btn:hover { color: #007bff; }