1 div
.dataTables_length label
{
7 div
.dataTables_length select
{
12 div
.dataTables_filter
{
16 div
.dataTables_filter label
{
22 div
.dataTables_filter input
{
24 display: inline-block
;
33 div
.dataTables_paginate
{
39 div
.dataTables_paginate ul
.pagination
{
44 @media screen and
(max-width: 767px) {
45 div
.dataTables_wrapper
> div
.row
> div
,
46 div
.dataTables_length
,
47 div
.dataTables_filter
,
49 div
.dataTables_paginate
{
61 -webkit-box-sizing: content-box
;
62 -moz-box-sizing: content-box
;
63 box-sizing: content-box
;
69 margin-top: 6px !important
;
70 margin-bottom: 6px !important
;
71 max-width: none
!important
;
74 table
.dataTable thead
.sorting
,
75 table
.dataTable thead
.sorting_asc
,
76 table
.dataTable thead
.sorting_desc
,
77 table
.dataTable thead
.sorting_asc_disabled
,
78 table
.dataTable thead
.sorting_desc_disabled
{
83 table
.dataTable thead
.sorting:after
,
84 table
.dataTable thead
.sorting_asc:after
,
85 table
.dataTable thead
.sorting_desc:after
{
90 font-family: 'Glyphicons Halflings';
93 table
.dataTable thead
.sorting:after
{
95 content: "\e150"; /* sort */
97 table
.dataTable thead
.sorting_asc:after
{
98 content: "\e155"; /* sort-by-attributes */
100 table
.dataTable thead
.sorting_desc:after
{
101 content: "\e156"; /* sort-by-attributes-alt */
103 div
.dataTables_scrollBody table
.dataTable thead
.sorting:after
,
104 div
.dataTables_scrollBody table
.dataTable thead
.sorting_asc:after
,
105 div
.dataTables_scrollBody table
.dataTable thead
.sorting_desc:after
{
109 table
.dataTable thead
.sorting_asc_disabled:after
,
110 table
.dataTable thead
.sorting_desc_disabled:after
{
114 table
.dataTable thead
> tr
> th
{
118 table
.dataTable
th:active
{
124 table
.dataTable
.table-condensed thead
> tr
> th
{
128 table
.dataTable
.table-condensed thead
.sorting:after
,
129 table
.dataTable
.table-condensed thead
.sorting_asc:after
,
130 table
.dataTable
.table-condensed thead
.sorting_desc:after
{
136 div
.dataTables_scrollHead table
{
137 margin-bottom: 0 !important
;
138 border-bottom-left-radius: 0;
139 border-bottom-right-radius: 0;
142 div
.dataTables_scrollHead table thead
tr:last-child
th:first-child
,
143 div
.dataTables_scrollHead table thead
tr:last-child
td:first-child
{
144 border-bottom-left-radius: 0 !important
;
145 border-bottom-right-radius: 0 !important
;
148 div
.dataTables_scrollBody table
{
150 margin-top: 0 !important
;
151 margin-bottom: 0 !important
;
154 div
.dataTables_scrollBody tbody
tr:first-child th
,
155 div
.dataTables_scrollBody tbody
tr:first-child td
{
159 div
.dataTables_scrollFoot table
{
160 margin-top: 0 !important
;
164 /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
165 width calculations when using scrolling impossible to align columns. We have
168 table
.table-bordered
.dataTable
{
169 border-collapse: separate
!important
;
171 table
.table-bordered thead th
,
172 table
.table-bordered thead td
{
173 border-left-width: 0;
176 table
.table-bordered tbody th
,
177 table
.table-bordered tbody td
{
178 border-left-width: 0;
179 border-bottom-width: 0;
181 table
.table-bordered tfoot th
,
182 table
.table-bordered tfoot td
{
183 border-left-width: 0;
184 border-bottom-width: 0;
186 table
.table-bordered
th:last-child
,
187 table
.table-bordered
td:last-child
{
188 border-right-width: 0;
190 div
.dataTables_scrollHead table
.table-bordered
{
191 border-bottom-width: 0;
200 .table
.dataTable tbody tr
.active td
,
201 .table.dataTable tbody tr.active th {
202 background-color: #08C;
206 .table
.dataTable tbody tr
.active:hover td
,
207 .table.dataTable tbody tr.active:hover th {
208 background-color: #0075b0 !important
;
211 .table
.dataTable tbody tr
.active th
> a
,
212 .table.dataTable tbody tr.active td > a {
216 .table-striped
.dataTable tbody tr
.active:nth-child
(odd
) td
,
217 .table-striped.dataTable tbody tr.active:nth-child(odd) th {
218 background-color: #017ebc;
221 table
.DTTT_selectable tbody tr
{
225 div
.DTTT
.btn:hover
{
226 text-decoration: none
!important
;
229 ul
.DTTT_dropdown
.dropdown-menu
{
233 ul
.DTTT_dropdown
.dropdown-menu a
{
234 color: #333 !important
; /* needed only when demo_page.css is included */
237 ul
.DTTT_dropdown
.dropdown-menu li
{
241 ul
.DTTT_dropdown
.dropdown-menu
li:hover a
{
242 background-color: #0088cc;
243 color: white
!important
;
246 div
.DTTT_collection_background
{
250 /* TableTools information display */
251 div
.DTTT_print_info
{
264 background-color: white
;
265 border: 1px solid rgba
(0, 0, 0, 0.2);
268 -webkit-box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.5);
269 box-shadow: 0 3px 7px rgba
(0, 0, 0, 0.5);
272 div
.DTTT_print_info h6
{
279 div
.DTTT_print_info p
{
284 div
.dataTables_processing
{
293 padding-bottom: 20px;
296 background-color: white
;
297 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)));
298 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%);
299 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%);
300 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%);
301 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%);
302 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%);
308 * FixedColumns styles
310 div
.DTFC_LeftHeadWrapper table
,
311 div
.DTFC_LeftFootWrapper table
,
312 div
.DTFC_RightHeadWrapper table
,
313 div
.DTFC_RightFootWrapper table
,
314 table
.DTFC_Cloned tr
.even
{
315 background-color: white
;
319 div
.DTFC_RightHeadWrapper table
,
320 div
.DTFC_LeftHeadWrapper table
{
321 border-bottom: none
!important
;
322 margin-bottom: 0 !important
;
323 border-top-right-radius: 0 !important
;
324 border-bottom-left-radius: 0 !important
;
325 border-bottom-right-radius: 0 !important
;
328 div
.DTFC_RightHeadWrapper table thead
tr:last-child
th:first-child
,
329 div
.DTFC_RightHeadWrapper table thead
tr:last-child
td:first-child
,
330 div
.DTFC_LeftHeadWrapper table thead
tr:last-child
th:first-child
,
331 div
.DTFC_LeftHeadWrapper table thead
tr:last-child
td:first-child
{
332 border-bottom-left-radius: 0 !important
;
333 border-bottom-right-radius: 0 !important
;
336 div
.DTFC_RightBodyWrapper table
,
337 div
.DTFC_LeftBodyWrapper table
{
339 margin: 0 !important
;
342 div
.DTFC_RightBodyWrapper tbody
tr:first-child th
,
343 div
.DTFC_RightBodyWrapper tbody
tr:first-child td
,
344 div
.DTFC_LeftBodyWrapper tbody
tr:first-child th
,
345 div
.DTFC_LeftBodyWrapper tbody
tr:first-child td
{
349 div
.DTFC_RightFootWrapper table
,
350 div
.DTFC_LeftFootWrapper table
{
352 margin-top: 0 !important
;
356 div
.DTFC_LeftBodyWrapper table
.dataTable thead
.sorting:after
,
357 div
.DTFC_LeftBodyWrapper table
.dataTable thead
.sorting_asc:after
,
358 div
.DTFC_LeftBodyWrapper table
.dataTable thead
.sorting_desc:after
,
359 div
.DTFC_RightBodyWrapper table
.dataTable thead
.sorting:after
,
360 div
.DTFC_RightBodyWrapper table
.dataTable thead
.sorting_asc:after
,
361 div
.DTFC_RightBodyWrapper table
.dataTable thead
.sorting_desc:after
{
369 div
.FixedHeader_Cloned table
{