.dataTables_wrapper { // This is the Header overflow: hidden; .row { margin-left: -15px; margin-right: -15px; } .form-control { color: #646464; border: 1px solid #bcbcbc; &:focus { box-shadow: none; border-color: #03428d; } } .DTTT_button, .ColVis_Button { color: #00a6ff !important; border: 1px solid #e0eeff; background: #fff; box-shadow: none; &:hover:not(.ColVis_MasterButton) { color: #fff !important; background: #00a6ff !important; border: 1px solid #e0eeff; background: #fff; box-shadow: none; } &.active { color: #fff; background: #03428d !important; } } .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_processing, .dataTables_paginate { color: #646464; } table.dataTable.sorting-hidden { thead { .sorting_asc { background: none; cursor: default; } .sorting_desc { background: none; cursor: default; } .sorting { cursor: default; } tr, th { padding-left: 8px; padding-right: 8px; } } } table.dataTable { border-collapse: collapse; box-sizing: border-box; .form-inline, .form-control { width: 100%; } thead, tr, th { padding-left: 6px; } tbody th, tbody td, thead th, thead td { border-left: none; border-bottom: none; } thead th { border-top: none; } .col-actions { white-space: nowrap; } .col-datetime { white-space: nowrap; } } .dataTables_processing { height: 60px; } .dataTables_paginate { overflow: hidden; .pagination { padding: 0px; .paginate_button { padding: 0px; &:hover { background: none; border: 1px solid transparent; } &:active { background: none; box-shadow: none; outline: none; } } } } ol, ul { list-style-type: none; padding-left: 0; } .DTTT_container { float: right; margin-right: -3px; } } ul.ColVis_collection { width: 240px; } div.DTTT_print_info { h6 { color: black; } p { color: black; } }