2 div.dataTables_length label {
8 div.dataTables_length select {
10 display: inline-block;
13 div.dataTables_filter {
17 div.dataTables_filter label {
23 div.dataTables_filter input {
25 display: inline-block;
33 div.dataTables_paginate {
39 div.dataTables_paginate ul.pagination {
44 @media screen and (max-width: 767px) {
45 div.dataTables_length,
46 div.dataTables_filter,
48 div.dataTables_paginate {
56 -webkit-box-sizing: content-box;
57 -moz-box-sizing: content-box;
58 box-sizing: content-box;
64 margin-top: 6px !important;
65 margin-bottom: 6px !important;
66 max-width: none !important;
69 table.dataTable thead .sorting,
70 table.dataTable thead .sorting_asc,
71 table.dataTable thead .sorting_desc,
72 table.dataTable thead .sorting_asc_disabled,
73 table.dataTable thead .sorting_desc_disabled {
78 table.dataTable thead > tr > th {
83 table.dataTable th:active {
88 div.dataTables_scrollHead table {
89 margin-bottom: 0 !important;
90 border-bottom-left-radius: 0;
91 border-bottom-right-radius: 0;
94 div.dataTables_scrollHead table thead tr:last-child th:first-child,
95 div.dataTables_scrollHead table thead tr:last-child td:first-child {
96 border-bottom-left-radius: 0 !important;
97 border-bottom-right-radius: 0 !important;
100 div.dataTables_scrollBody table {
102 margin-top: 0 !important;
103 margin-bottom: 0 !important;
106 div.dataTables_scrollBody tbody tr:first-child th,
107 div.dataTables_scrollBody tbody tr:first-child td {
111 div.dataTables_scrollFoot table {
112 margin-top: 0 !important;
116 /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
117 width calculations when using scrolling impossible to align columns. We have
120 table.table-bordered.dataTable {
121 border-collapse: separate !important;
123 table.table-bordered thead th,
124 table.table-bordered thead td {
125 border-left-width: 0;
128 table.table-bordered tbody th,
129 table.table-bordered tbody td {
130 border-left-width: 0;
131 border-bottom-width: 0;
133 table.table-bordered th:last-child,
134 table.table-bordered td:last-child {
135 border-right-width: 0;
137 div.dataTables_scrollHead table.table-bordered {
138 border-bottom-width: 0;
147 .table.dataTable tbody tr.active td,
148 .table.dataTable tbody tr.active th {
149 background-color: #08C;
153 .table.dataTable tbody tr.active:hover td,
154 .table.dataTable tbody tr.active:hover th {
155 background-color: #0075b0 !important;
158 .table.dataTable tbody tr.active th > a,
159 .table.dataTable tbody tr.active td > a {
163 .table-striped.dataTable tbody tr.active:nth-child(odd) td,
164 .table-striped.dataTable tbody tr.active:nth-child(odd) th {
165 background-color: #017ebc;
168 table.DTTT_selectable tbody tr {
172 div.DTTT .btn:hover {
173 text-decoration: none !important;
176 ul.DTTT_dropdown.dropdown-menu {
180 ul.DTTT_dropdown.dropdown-menu a {
181 color: #333 !important; /* needed only when demo_page.css is included */
184 ul.DTTT_dropdown.dropdown-menu li {
188 ul.DTTT_dropdown.dropdown-menu li:hover a {
189 background-color: #0088cc;
190 color: white !important;
193 div.DTTT_collection_background {
197 /* TableTools information display */
198 div.DTTT_print_info {
211 background-color: white;
212 border: 1px solid rgba(0, 0, 0, 0.2);
215 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
216 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
219 div.DTTT_print_info h6 {
226 div.DTTT_print_info p {
231 div.dataTables_processing {
240 padding-bottom: 20px;
243 background-color: white;
244 background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
245 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
246 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
247 background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
248 background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
249 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
255 * FixedColumns styles
257 div.DTFC_LeftHeadWrapper table,
258 div.DTFC_LeftFootWrapper table,
259 div.DTFC_RightHeadWrapper table,
260 div.DTFC_RightFootWrapper table,
261 table.DTFC_Cloned tr.even {
262 background-color: white;
266 div.DTFC_RightHeadWrapper table ,
267 div.DTFC_LeftHeadWrapper table {
268 border-bottom: none !important;
269 margin-bottom: 0 !important;
270 border-top-right-radius: 0 !important;
271 border-bottom-left-radius: 0 !important;
272 border-bottom-right-radius: 0 !important;
275 div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
276 div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
277 div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
278 div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
279 border-bottom-left-radius: 0 !important;
280 border-bottom-right-radius: 0 !important;
283 div.DTFC_RightBodyWrapper table,
284 div.DTFC_LeftBodyWrapper table {
286 margin: 0 !important;
289 div.DTFC_RightBodyWrapper tbody tr:first-child th,
290 div.DTFC_RightBodyWrapper tbody tr:first-child td,
291 div.DTFC_LeftBodyWrapper tbody tr:first-child th,
292 div.DTFC_LeftBodyWrapper tbody tr:first-child td {
296 div.DTFC_RightFootWrapper table,
297 div.DTFC_LeftFootWrapper table {
299 margin-top: 0 !important;
306 div.FixedHeader_Cloned table {