1/* 2 * Table styles 3 */ 4table.dataTable { 5 width: 100%; 6 margin: 0 auto; 7 clear: both; 8 border-collapse: separate; 9 border-spacing: 0; 10 /* 11 * Header and footer styles 12 */ 13 /* 14 * Body styles 15 */ 16} 17table.dataTable thead th, 18table.dataTable thead td, 19table.dataTable tfoot th, 20table.dataTable tfoot td { 21 padding: 4px 10px; 22} 23table.dataTable thead th, 24table.dataTable tfoot th { 25 font-weight: bold; 26} 27table.dataTable thead th:active, 28table.dataTable thead td:active { 29 outline: none; 30} 31table.dataTable thead .sorting_asc, 32table.dataTable thead .sorting_desc, 33table.dataTable thead .sorting { 34 cursor: pointer; 35 *cursor: hand; 36} 37table.dataTable thead th div.DataTables_sort_wrapper { 38 position: relative; 39 padding-right: 10px; 40} 41table.dataTable thead th div.DataTables_sort_wrapper span { 42 position: absolute; 43 top: 50%; 44 margin-top: -8px; 45 right: -5px; 46} 47table.dataTable thead th.ui-state-default { 48 border-right-width: 0; 49} 50table.dataTable thead th.ui-state-default:last-child { 51 border-right-width: 1px; 52} 53table.dataTable tbody tr { 54 background-color: white; 55} 56table.dataTable tbody tr.selected { 57 background-color: #b0bed9; 58} 59table.dataTable tbody th, 60table.dataTable tbody td { 61 padding: 8px 10px; 62} 63table.dataTable th.center, 64table.dataTable td.center, 65table.dataTable td.dataTables_empty { 66 text-align: center; 67} 68table.dataTable th.right, 69table.dataTable td.right { 70 text-align: right; 71} 72table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { 73 border-top: 1px solid #dddddd; 74} 75table.dataTable.row-border tbody tr:first-child th, 76table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, 77table.dataTable.display tbody tr:first-child td { 78 border-top: none; 79} 80table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { 81 border-top: 1px solid #dddddd; 82 border-right: 1px solid #dddddd; 83} 84table.dataTable.cell-border tbody tr th:first-child, 85table.dataTable.cell-border tbody tr td:first-child { 86 border-left: 1px solid #dddddd; 87} 88table.dataTable.cell-border tbody tr:first-child th, 89table.dataTable.cell-border tbody tr:first-child td { 90 border-top: none; 91} 92table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { 93 background-color: #f9f9f9; 94} 95table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { 96 background-color: #abb9d3; 97} 98table.dataTable.hover tbody tr:hover, 99table.dataTable.hover tbody tr.odd:hover, 100table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, 101table.dataTable.display tbody tr.odd:hover, 102table.dataTable.display tbody tr.even:hover { 103 background-color: whitesmoke; 104} 105table.dataTable.hover tbody tr:hover.selected, 106table.dataTable.hover tbody tr.odd:hover.selected, 107table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, 108table.dataTable.display tbody tr.odd:hover.selected, 109table.dataTable.display tbody tr.even:hover.selected { 110 background-color: #a9b7d1; 111} 112table.dataTable.order-column tbody tr > .sorting_1, 113table.dataTable.order-column tbody tr > .sorting_2, 114table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, 115table.dataTable.display tbody tr > .sorting_2, 116table.dataTable.display tbody tr > .sorting_3 { 117 background-color: #f9f9f9; 118} 119table.dataTable.order-column tbody tr.selected > .sorting_1, 120table.dataTable.order-column tbody tr.selected > .sorting_2, 121table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, 122table.dataTable.display tbody tr.selected > .sorting_2, 123table.dataTable.display tbody tr.selected > .sorting_3 { 124 background-color: #acbad4; 125} 126table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { 127 background-color: #f1f1f1; 128} 129table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { 130 background-color: #f3f3f3; 131} 132table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { 133 background-color: whitesmoke; 134} 135table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { 136 background-color: #a6b3cd; 137} 138table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { 139 background-color: #a7b5ce; 140} 141table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { 142 background-color: #a9b6d0; 143} 144table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { 145 background-color: #f9f9f9; 146} 147table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { 148 background-color: #fbfbfb; 149} 150table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { 151 background-color: #fdfdfd; 152} 153table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { 154 background-color: #acbad4; 155} 156table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { 157 background-color: #adbbd6; 158} 159table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { 160 background-color: #afbdd8; 161} 162table.dataTable.display tbody tr:hover > .sorting_1, 163table.dataTable.display tbody tr.odd:hover > .sorting_1, 164table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, 165table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, 166table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { 167 background-color: #eaeaea; 168} 169table.dataTable.display tbody tr:hover > .sorting_2, 170table.dataTable.display tbody tr.odd:hover > .sorting_2, 171table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, 172table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, 173table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 { 174 background-color: #ebebeb; 175} 176table.dataTable.display tbody tr:hover > .sorting_3, 177table.dataTable.display tbody tr.odd:hover > .sorting_3, 178table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, 179table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, 180table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 { 181 background-color: #eeeeee; 182} 183table.dataTable.display tbody tr:hover.selected > .sorting_1, 184table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, 185table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, 186table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, 187table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 { 188 background-color: #a1aec7; 189} 190table.dataTable.display tbody tr:hover.selected > .sorting_2, 191table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, 192table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, 193table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, 194table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 { 195 background-color: #a2afc8; 196} 197table.dataTable.display tbody tr:hover.selected > .sorting_3, 198table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, 199table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, 200table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, 201table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 { 202 background-color: #a4b2cb; 203} 204 205table.dataTable, 206table.dataTable th, 207table.dataTable td { 208 -webkit-box-sizing: content-box; 209 -moz-box-sizing: content-box; 210 box-sizing: content-box; 211} 212 213/* 214 * Control feature layout 215 */ 216.dataTables_wrapper { 217 position: relative; 218 clear: both; 219 *zoom: 1; 220 zoom: 1; 221} 222.dataTables_wrapper .dataTables_length { 223 float: left; 224} 225.dataTables_wrapper .dataTables_filter { 226 float: right; 227 text-align: right; 228} 229.dataTables_wrapper .dataTables_filter input { 230 margin-left: 0.5em; 231} 232.dataTables_wrapper .dataTables_info { 233 clear: both; 234 float: left; 235 padding-top: 0.55em; 236} 237.dataTables_wrapper .dataTables_paginate { 238 float: right; 239 text-align: right; 240} 241.dataTables_wrapper .dataTables_paginate .fg-button { 242 box-sizing: border-box; 243 display: inline-block; 244 min-width: 1.5em; 245 padding: 0.5em; 246 margin-left: 2px; 247 text-align: center; 248 text-decoration: none !important; 249 cursor: pointer; 250 *cursor: hand; 251 color: #333333 !important; 252 border: 1px solid transparent; 253} 254.dataTables_wrapper .dataTables_paginate .fg-button:active { 255 outline: none; 256} 257.dataTables_wrapper .dataTables_paginate .fg-button:first-child { 258 border-top-left-radius: 3px; 259 border-bottom-left-radius: 3px; 260} 261.dataTables_wrapper .dataTables_paginate .fg-button:last-child { 262 border-top-right-radius: 3px; 263 border-bottom-right-radius: 3px; 264} 265.dataTables_wrapper .dataTables_processing { 266 position: absolute; 267 top: 50%; 268 left: 50%; 269 width: 100%; 270 height: 40px; 271 margin-left: -50%; 272 margin-top: -25px; 273 padding-top: 20px; 274 text-align: center; 275 font-size: 1.2em; 276 background-color: white; 277 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))); 278 /* Chrome,Safari4+ */ 279 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%); 280 /* Chrome10+,Safari5.1+ */ 281 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%); 282 /* FF3.6+ */ 283 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%); 284 /* IE10+ */ 285 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%); 286 /* Opera 11.10+ */ 287 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%); 288 /* W3C */ 289} 290.dataTables_wrapper .dataTables_length, 291.dataTables_wrapper .dataTables_filter, 292.dataTables_wrapper .dataTables_info, 293.dataTables_wrapper .dataTables_processing, 294.dataTables_wrapper .dataTables_paginate { 295 color: #333333; 296} 297.dataTables_wrapper .dataTables_scroll { 298 clear: both; 299} 300.dataTables_wrapper .dataTables_scrollBody { 301 *margin-top: -1px; 302 -webkit-overflow-scrolling: touch; 303} 304.dataTables_wrapper .ui-widget-header { 305 font-weight: normal; 306} 307.dataTables_wrapper .ui-toolbar { 308 padding: 8px; 309} 310.dataTables_wrapper:after { 311 visibility: hidden; 312 display: block; 313 content: ""; 314 clear: both; 315 height: 0; 316} 317 318@media screen and (max-width: 767px) { 319 .dataTables_wrapper .dataTables_length, 320 .dataTables_wrapper .dataTables_filter, 321 .dataTables_wrapper .dataTables_info, 322 .dataTables_wrapper .dataTables_paginate { 323 float: none; 324 text-align: center; 325 } 326 .dataTables_wrapper .dataTables_filter, 327 .dataTables_wrapper .dataTables_paginate { 328 margin-top: 0.5em; 329 } 330} 331