6 background: url("../img/asc.gif") no-repeat scroll right center #EEEEEE;
10 background: url("../img/desc.gif") no-repeat scroll right center #EEEEEE;
14 background: url("../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
16 .sorting_asc_disabled {
18 background: url("../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
20 .sorting_desc_disabled {
22 background: url("../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
26 background-color: #EEEEEE;
29 div.top {clear : both; }
33 background-color : #E5E5E5;
37 div.bottom.pager div.dataTables_paginate.paging_full_numbers,
38 div.bottom.pager div.dataTables_paginate.paging_four_button {
39 border-right-width : 0;
42 div.dataTables_filter,
43 div.dataTables_length,
45 div.dataTables_paginate {
47 padding : .3em .5em .3em .5em;
50 div.dataTables_filter label,
51 div.dataTables_length label,
52 div.dataTables_info label,
53 div.dataTables_paginate label,
54 div.dataTables_filter input,
55 div.dataTables_length input,
56 div.dataTables_info input,
57 div.dataTables_paginate input {
61 div.dataTables_length {
62 border-right : 1px solid #686868;
66 border-right : 1px solid #AAA;
69 div.dataTables_length,
70 div.dataTables_filter {
71 border-left : 1px solid #FFF;
72 border-right : 1px solid #AAAAAA;
74 div.dataTables_length label {
77 div.dataTables_filter {
78 line-height : inherit;
80 div.dataTables_paginate {
84 .paging_full_numbers a.paginate_button,
85 .paging_full_numbers a.paginate_active,
86 .paging_full_numbers > span > span {
87 border-right : 1px solid #AAA;
88 border-left : 1px solid #FFF;
93 padding : 0.4em 0.7em;
95 .paging_full_numbers a.paginate_button,
96 .paging_full_numbers a.paginate_active {
99 .paging_full_numbers a.paginate_button,
100 .paging_full_numbers > span > span {
101 background-color : #FFF;
102 background-repeat: no-repeat;
104 .paging_full_numbers a.paginate_button.first {
105 background-color: transparent;
106 background-image : url('../img/first.png');
107 background-position : 3px center;
110 .paging_full_numbers a.paginate_button.previous {
111 background-color: transparent;
112 background-image : url('../img/prev.png');
113 background-position : 3px center;
116 .paging_full_numbers a.paginate_button.next {
117 background-color: transparent;
118 background-image : url('../img/next.png');
119 background-position : 93% center;
120 padding-right : 25px;
122 .paging_full_numbers a.paginate_button.last {
123 background-color: transparent;
124 background-image : url('../img/last.png');
125 background-position : 93% center;
127 padding-right : 25px;
130 div.bottom.pager .paging_full_numbers a.paginate_button.last {
131 border-right-width : 0;
134 div.bottom.pager div:first-child {
138 .paging_full_numbers a.paginate_active {
139 background-color : #FFFFEA;
144 .paging_full_numbers a.current {
145 background-color : #FFFFCC;
149 .paging_full_numbers a.paginate_button:hover {
150 background-color: #FFC;
153 .paging_full_numbers a.paginate_button.paginate_button_disabled {
157 /* Two-button version */
159 div.dataTables_paginate.paging_two_button,
160 div.dataTables_paginate.paging_four_button {
161 background-color : transparent;
162 border-right : 1px solid #686868;
163 border-left : 1px solid #FFF;
166 .paginate_disabled_first,
167 .paginate_enabled_first,
168 .paginate_disabled_previous,
169 .paginate_enabled_previous,
170 .paginate_disabled_next,
171 .paginate_enabled_next,
172 .paginate_disabled_last,
173 .paginate_enabled_last {
179 .paginate_disabled_previous,
180 .paginate_enabled_previous,
181 .paginate_disabled_next,
182 .paginate_enabled_next {
183 color: #111 !important;
186 .paginate_disabled_first,
187 .paginate_enabled_first,
188 .paginate_disabled_previous,
189 .paginate_enabled_previous {
192 .paginate_disabled_next,
193 .paginate_enabled_next,
194 .paginate_disabled_last,
195 .paginate_enabled_last {
201 .paging_four_button .paginate_disabled_first,
202 .paging_four_button .paginate_disabled_previous,
203 .paging_four_button .paginate_enabled_first,
204 .paging_four_button .paginate_enabled_previous {
208 .paging_full_numbers a.paginate_button.first.disabled,
209 .paginate_disabled_first {
210 background: transparent url("../img/first-disabled.png") no-repeat 3px top;
214 .paginate_enabled_first {
215 background: transparent url("../img/first.png") no-repeat 3px top;
218 .paging_full_numbers a.paginate_button.previous.disabled,
219 .paginate_disabled_previous {
220 background: transparent url("../img/prev-disabled.png") no-repeat 3px top;
224 .paginate_enabled_previous {
225 background: transparent url("../img/prev.png") no-repeat 3px top;
228 .paging_full_numbers a.paginate_button.next.disabled,
229 .paginate_disabled_next {
230 background: transparent url("../img/next-disabled.png") no-repeat right top;
234 .paginate_enabled_next {
235 background: transparent url("../img/next.png") no-repeat right top;
238 .paging_full_numbers a.paginate_button.last.disabled,
239 .paginate_disabled_last {
240 background: transparent url("../img/last-disabled.png") no-repeat right top;
244 .paginate_enabled_last {
245 background: transparent url("../img/last.png") no-repeat right top;
249 .paging_full_numbers a.paginate_button.first.disabled,
250 .paging_full_numbers a.paginate_button.previous.disabled,
251 .paging_full_numbers a.paginate_button.next.disabled,
252 .paging_full_numbers a.paginate_button.last.disabled {
253 background-position-y: 7px;
256 .dataTables_processing {
257 background-color: white;
258 border: 1px solid #999;
259 -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
260 box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
266 padding: 10px 14px 12px;
273 background-color: #D3D3D3;
276 tr.even.selected td {
277 background-color: #D3D3D3;
281 span.filter_column > input[type="text"] {
284 box-sizing: border-box;
289 table.group td.group {
290 background-color: #D1CFD0;
291 border-bottom: 2px solid #A19B9E;
292 border-top: 2px solid #A19B9E;
295 table.group tr.odd td {
296 background-color : #F3F3F3;
297 border : 1px solid #BCBCBC;
298 border-right : 1px solid #BCBCBC;
301 table.group tr.even td {
302 background-color: #FFF;
303 border-right : 1px solid #BCBCBC;
318 button.dt-button::before,
319 div.dt-button::before,
320 a.dt-button::before {
324 button.dt-button:active:not(.disabled):hover:not(.disabled),
325 button.dt-button.active:not(.disabled):hover:not(.disabled),
326 div.dt-button:active:not(.disabled):hover:not(.disabled),
327 div.dt-button.active:not(.disabled):hover:not(.disabled),
328 a.dt-button:active:not(.disabled):hover:not(.disabled),
329 a.dt-button.active:not(.disabled):hover:not(.disabled) {
330 background: #FFC none;
336 div.dt-button-collection {
340 div.dt-button-collection a.dt-button {
341 background: #FFF none;
346 div.dt-button-collection a.dt-button::before {
349 display: inline-block;
350 font-family: FontAwesome;
355 div.dt-button-collection a.dt-button:active:not(.disabled),
356 div.dt-button-collection a.dt-button.active:not(.disabled) {
357 background: #E6F0F2 none;
358 border: 1px solid #999;
362 div.dt-button-collection a.dt-button:active:not(.disabled)::before,
363 div.dt-button-collection a.dt-button.active:not(.disabled)::before {
366 display: inline-block;
367 font-family: FontAwesome;
372 div.dt-button-collection a.dt-button:not(.disabled):hover,
373 div.dt-button-collection a.dt-button.active:not(.disabled):hover {
375 border: 1px solid #999;
376 background: #FFC none;
380 div.dt-button-collection a.dt-button:not(.disabled)::before,
381 div.dt-button-collection a.dt-button.active:not(.disabled):hover::before {
384 display: inline-block;
385 font-family: FontAwesome;
390 div.dt-button-collection a.dt-button.buttons-html5:not(.disabled)::before {
392 display: inline-block;
393 font-family: FontAwesome;
398 div.dt-button-collection a.dt-button.buttons-excel:not(.disabled)::before {
402 div.dt-button-collection a.dt-button.buttons-csv:not(.disabled)::before {
406 div.dt-button-collection a.dt-button.buttons-copy:not(.disabled)::before {
410 div.dt-button-collection a.dt-button.buttons-print:not(.disabled)::before {
413 display: inline-block;
414 font-family: FontAwesome;
423 @media (min-width: 1028px) {