☰

Greasy Fork is available in English.

Datatables CSS CDN with Images

Datatables CSS CDN with Images(reupload)

  1. /* ==UserStyle==
  2. // @name Datatables CSS CDN with Images
  3. // @version 0
  4. // @description Datatables CSS CDN with Images(reupload)
  5. @namespace https://greatest.deepsurf.us/users/1004048
  6. ==/UserStyle== */
  7.  
  8. var _____WB$wombat$assign$function_____ = function(name) {return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name)) || self[name]; };
  9. if (!self.__WB_pmw) { self.__WB_pmw = function(obj) { this.__WB_source = obj; return this; } }
  10. {
  11.   let window = _____WB$wombat$assign$function_____("window");
  12.   let self = _____WB$wombat$assign$function_____("self");
  13.   let document = _____WB$wombat$assign$function_____("document");
  14.   let location = _____WB$wombat$assign$function_____("location");
  15.   let top = _____WB$wombat$assign$function_____("top");
  16.   let parent = _____WB$wombat$assign$function_____("parent");
  17.   let frames = _____WB$wombat$assign$function_____("frames");
  18.   let opener = _____WB$wombat$assign$function_____("opener");
  19.  
  20. /*
  21.  * Table styles
  22.  */
  23. table.dataTable {
  24.   width: 100%;
  25.   margin: 0 auto;
  26.   clear: both;
  27.   border-collapse: separate;
  28.   border-spacing: 0;
  29.   /*
  30.    * Header and footer styles
  31.    */
  32.   /*
  33.    * Body styles
  34.    */
  35. }
  36. table.dataTable thead th,
  37. table.dataTable tfoot th {
  38.   font-weight: bold;
  39.   text-align: left;
  40.   font-size: 0.7em;
  41. }
  42. table.dataTable thead th,
  43. table.dataTable thead td {
  44.   padding: 10px 18px;
  45.   border-bottom: 1px solid #111111;
  46. }
  47. table.dataTable thead th:active,
  48. table.dataTable thead td:active {
  49.   outline: none;
  50. }
  51. table.dataTable tfoot th,
  52. table.dataTable tfoot td {
  53.   padding: 10px 18px 6px 18px;
  54.   border-top: 1px solid #111111;
  55. }
  56. table.dataTable thead .sorting_asc,
  57. table.dataTable thead .sorting_desc,
  58. table.dataTable thead .sorting {
  59.   cursor: pointer;
  60.   *cursor: hand;
  61. }
  62. table.dataTable thead .sorting {
  63.   background: url("http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.1/images/sort_both.png") no-repeat center right;
  64. }
  65. table.dataTable thead .sorting_asc {
  66.   background: url("http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.1/images/sort_asc.png") no-repeat center right;
  67. }
  68. table.dataTable thead .sorting_desc {
  69.   background: url("http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.1/images/sort_desc.png") no-repeat center right;
  70. }
  71. table.dataTable thead .sorting_asc_disabled {
  72.   background: url("http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.1/images/sort_asc_disabled.png") no-repeat center right;
  73. }
  74. table.dataTable thead .sorting_desc_disabled {
  75.   background: url("http://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.1/images/sort_desc_disabled.png") no-repeat center right;
  76. }
  77. table.dataTable tbody tr {
  78.   background-color: white;
  79. }
  80. table.dataTable tbody tr.selected {
  81.   background-color: #b0bed9;
  82. }
  83. table.dataTable tbody th,
  84. table.dataTable tbody td {
  85.   padding: 8px 10px;
  86. }
  87. table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  88.   border-top: 1px solid #dddddd;
  89. }
  90. table.dataTable.row-border tbody tr:first-child th,
  91. table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
  92. table.dataTable.display tbody tr:first-child td {
  93.   border-top: none;
  94. }
  95. table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  96.   border-top: 1px solid #dddddd;
  97.   border-right: 1px solid #dddddd;
  98. }
  99. table.dataTable.cell-border tbody tr th:first-child,
  100. table.dataTable.cell-border tbody tr td:first-child {
  101.   border-left: 1px solid #dddddd;
  102. }
  103. table.dataTable.cell-border tbody tr:first-child th,
  104. table.dataTable.cell-border tbody tr:first-child td {
  105.   border-top: none;
  106. }
  107. table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  108.   background-color: #f9f9f9;
  109. }
  110. table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  111.   background-color: #abb9d3;
  112. }
  113. table.dataTable.hover tbody tr:hover,
  114. table.dataTable.hover tbody tr.odd:hover,
  115. table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
  116. table.dataTable.display tbody tr.odd:hover,
  117. table.dataTable.display tbody tr.even:hover {
  118.   background-color: whitesmoke;
  119. }
  120. table.dataTable.hover tbody tr:hover.selected,
  121. table.dataTable.hover tbody tr.odd:hover.selected,
  122. table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
  123. table.dataTable.display tbody tr.odd:hover.selected,
  124. table.dataTable.display tbody tr.even:hover.selected {
  125.   background-color: #a9b7d1;
  126. }
  127. table.dataTable.order-column tbody tr > .sorting_1,
  128. table.dataTable.order-column tbody tr > .sorting_2,
  129. table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
  130. table.dataTable.display tbody tr > .sorting_2,
  131. table.dataTable.display tbody tr > .sorting_3 {
  132.   background-color: #f9f9f9;
  133. }
  134. table.dataTable.order-column tbody tr.selected > .sorting_1,
  135. table.dataTable.order-column tbody tr.selected > .sorting_2,
  136. table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
  137. table.dataTable.display tbody tr.selected > .sorting_2,
  138. table.dataTable.display tbody tr.selected > .sorting_3 {
  139.   background-color: #acbad4;
  140. }
  141. table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  142.   background-color: #f1f1f1;
  143. }
  144. table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  145.   background-color: #f3f3f3;
  146. }
  147. table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  148.   background-color: whitesmoke;
  149. }
  150. table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  151.   background-color: #a6b3cd;
  152. }
  153. table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  154.   background-color: #a7b5ce;
  155. }
  156. table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  157.   background-color: #a9b6d0;
  158. }
  159. table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  160.   background-color: #f9f9f9;
  161. }
  162. table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  163.   background-color: #fbfbfb;
  164. }
  165. table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  166.   background-color: #fdfdfd;
  167. }
  168. table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  169.   background-color: #acbad4;
  170. }
  171. table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  172.   background-color: #adbbd6;
  173. }
  174. table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  175.   background-color: #afbdd8;
  176. }
  177. table.dataTable.display tbody tr:hover > .sorting_1,
  178. table.dataTable.display tbody tr.odd:hover > .sorting_1,
  179. table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
  180. table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
  181. table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  182.   background-color: #eaeaea;
  183. }
  184. table.dataTable.display tbody tr:hover > .sorting_2,
  185. table.dataTable.display tbody tr.odd:hover > .sorting_2,
  186. table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
  187. table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
  188. table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  189.   background-color: #ebebeb;
  190. }
  191. table.dataTable.display tbody tr:hover > .sorting_3,
  192. table.dataTable.display tbody tr.odd:hover > .sorting_3,
  193. table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
  194. table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
  195. table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  196.   background-color: #eeeeee;
  197. }
  198. table.dataTable.display tbody tr:hover.selected > .sorting_1,
  199. table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
  200. table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
  201. table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
  202. table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  203.   background-color: #a1aec7;
  204. }
  205. table.dataTable.display tbody tr:hover.selected > .sorting_2,
  206. table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
  207. table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
  208. table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
  209. table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  210.   background-color: #a2afc8;
  211. }
  212. table.dataTable.display tbody tr:hover.selected > .sorting_3,
  213. table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
  214. table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
  215. table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
  216. table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  217.   background-color: #a4b2cb;
  218. }
  219. table.dataTable.no-footer {
  220.   border-bottom: 1px solid #111111;
  221. }
  222. table.dataTable.nowrap th, table.dataTable.nowrap td {
  223.   white-space: nowrap;
  224. }
  225. table.dataTable.compact thead th,
  226. table.dataTable.compact thead td {
  227.   padding: 5px 9px;
  228. }
  229. table.dataTable.compact tfoot th,
  230. table.dataTable.compact tfoot td {
  231.   padding: 5px 9px 3px 9px;
  232. }
  233. table.dataTable.compact tbody th,
  234. table.dataTable.compact tbody td {
  235.   padding: 4px 5px;
  236. }
  237. table.dataTable th.dt-left,
  238. table.dataTable td.dt-left {
  239.   text-align: left;
  240. }
  241. table.dataTable th.dt-center,
  242. table.dataTable td.dt-center,
  243. table.dataTable td.dataTables_empty {
  244.   text-align: center;
  245. }
  246. table.dataTable th.dt-right,
  247. table.dataTable td.dt-right {
  248.   text-align: right;
  249. }
  250. table.dataTable th.dt-justify,
  251. table.dataTable td.dt-justify {
  252.   text-align: justify;
  253. }
  254. table.dataTable th.dt-nowrap,
  255. table.dataTable td.dt-nowrap {
  256.   white-space: nowrap;
  257. }
  258. table.dataTable thead th.dt-head-left,
  259. table.dataTable thead td.dt-head-left,
  260. table.dataTable tfoot th.dt-head-left,
  261. table.dataTable tfoot td.dt-head-left {
  262.   text-align: left;
  263. }
  264. table.dataTable thead th.dt-head-center,
  265. table.dataTable thead td.dt-head-center,
  266. table.dataTable tfoot th.dt-head-center,
  267. table.dataTable tfoot td.dt-head-center {
  268.   text-align: center;
  269. }
  270. table.dataTable thead th.dt-head-right,
  271. table.dataTable thead td.dt-head-right,
  272. table.dataTable tfoot th.dt-head-right,
  273. table.dataTable tfoot td.dt-head-right {
  274.   text-align: right;
  275. }
  276. table.dataTable thead th.dt-head-justify,
  277. table.dataTable thead td.dt-head-justify,
  278. table.dataTable tfoot th.dt-head-justify,
  279. table.dataTable tfoot td.dt-head-justify {
  280.   text-align: justify;
  281. }
  282. table.dataTable thead th.dt-head-nowrap,
  283. table.dataTable thead td.dt-head-nowrap,
  284. table.dataTable tfoot th.dt-head-nowrap,
  285. table.dataTable tfoot td.dt-head-nowrap {
  286.   white-space: nowrap;
  287. }
  288. table.dataTable tbody th.dt-body-left,
  289. table.dataTable tbody td.dt-body-left {
  290.   text-align: left;
  291. }
  292. table.dataTable tbody th.dt-body-center,
  293. table.dataTable tbody td.dt-body-center {
  294.   text-align: center;
  295. }
  296. table.dataTable tbody th.dt-body-right,
  297. table.dataTable tbody td.dt-body-right {
  298.   text-align: right;
  299. }
  300. table.dataTable tbody th.dt-body-justify,
  301. table.dataTable tbody td.dt-body-justify {
  302.   text-align: justify;
  303. }
  304. table.dataTable tbody th.dt-body-nowrap,
  305. table.dataTable tbody td.dt-body-nowrap {
  306.   white-space: nowrap;
  307. }
  308.  
  309. table.dataTable,
  310. table.dataTable th,
  311. table.dataTable td {
  312.   -webkit-box-sizing: content-box;
  313.   -moz-box-sizing: content-box;
  314.   box-sizing: content-box;
  315. }
  316.  
  317. /*
  318.  * Control feature layout
  319.  */
  320. .dataTables_wrapper {
  321.   position: relative;
  322.   clear: both;
  323.   *zoom: 1;
  324.   zoom: 1;
  325. }
  326. .dataTables_wrapper .dataTables_length {
  327.   float: left;
  328. }
  329. .dataTables_wrapper .dataTables_filter {
  330.   float: right;
  331.   text-align: right;
  332. }
  333. .dataTables_wrapper .dataTables_filter input {
  334.   margin-left: 0.5em;
  335. }
  336. .dataTables_wrapper .dataTables_info {
  337.   clear: both;
  338.   float: left;
  339.   padding-top: 0.755em;
  340. }
  341. .dataTables_wrapper .dataTables_paginate {
  342.   float: right;
  343.   text-align: right;
  344.   padding-top: 0.25em;
  345. }
  346. .dataTables_wrapper .dataTables_paginate .paginate_button {
  347.   box-sizing: border-box;
  348.   display: inline-block;
  349.   min-width: 1.5em;
  350.   padding: 0.5em 1em;
  351.   margin-left: 2px;
  352.   text-align: center;
  353.   text-decoration: none !important;
  354.   cursor: pointer;
  355.   *cursor: hand;
  356.   color: #333333 !important;
  357.   border: 1px solid transparent;
  358. }
  359. .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  360.   color: #333333 !important;
  361.   border: 1px solid #cacaca;
  362.   background-color: white;
  363.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  364.   /* Chrome,Safari4+ */
  365.   background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  366.   /* Chrome10+,Safari5.1+ */
  367.   background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  368.   /* FF3.6+ */
  369.   background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  370.   /* IE10+ */
  371.   background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  372.   /* Opera 11.10+ */
  373.   background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  374.   /* W3C */
  375. }
  376. .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  377.   cursor: default;
  378.   color: #666 !important;
  379.   border: 1px solid transparent;
  380.   background: transparent;
  381.   box-shadow: none;
  382. }
  383. .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  384.   color: white !important;
  385.   border: 1px solid #111111;
  386.   background-color: #585858;
  387.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  388.   /* Chrome,Safari4+ */
  389.   background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  390.   /* Chrome10+,Safari5.1+ */
  391.   background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  392.   /* FF3.6+ */
  393.   background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  394.   /* IE10+ */
  395.   background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  396.   /* Opera 11.10+ */
  397.   background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  398.   /* W3C */
  399. }
  400. .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  401.   outline: none;
  402.   background-color: #2b2b2b;
  403.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  404.   /* Chrome,Safari4+ */
  405.   background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  406.   /* Chrome10+,Safari5.1+ */
  407.   background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  408.   /* FF3.6+ */
  409.   background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  410.   /* IE10+ */
  411.   background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  412.   /* Opera 11.10+ */
  413.   background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  414.   /* W3C */
  415.   box-shadow: inset 0 0 3px #111;
  416. }
  417. .dataTables_wrapper .dataTables_processing {
  418.   position: absolute;
  419.   top: 50%;
  420.   left: 50%;
  421.   width: 100%;
  422.   height: 40px;
  423.   margin-left: -50%;
  424.   margin-top: -25px;
  425.   padding-top: 20px;
  426.   text-align: center;
  427.   font-size: 1.2em;
  428.   background-color: white;
  429.   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)));
  430.   /* Chrome,Safari4+ */
  431.   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%);
  432.   /* Chrome10+,Safari5.1+ */
  433.   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%);
  434.   /* FF3.6+ */
  435.   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%);
  436.   /* IE10+ */
  437.   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%);
  438.   /* Opera 11.10+ */
  439.   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%);
  440.   /* W3C */
  441. }
  442. .dataTables_wrapper .dataTables_length,
  443. .dataTables_wrapper .dataTables_filter,
  444. .dataTables_wrapper .dataTables_info,
  445. .dataTables_wrapper .dataTables_processing,
  446. .dataTables_wrapper .dataTables_paginate {
  447.   color: #333333;
  448. }
  449. .dataTables_wrapper .dataTables_scroll {
  450.   clear: both;
  451. }
  452. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  453.   *margin-top: -1px;
  454.   -webkit-overflow-scrolling: touch;
  455. }
  456. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
  457. .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  458.   height: 0;
  459.   overflow: hidden;
  460.   margin: 0 !important;
  461.   padding: 0 !important;
  462. }
  463. .dataTables_wrapper.no-footer .dataTables_scrollBody {
  464.   border-bottom: 1px solid #111111;
  465. }
  466. .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
  467. .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  468.   border-bottom: none;
  469. }
  470. .dataTables_wrapper:after {
  471.   visibility: hidden;
  472.   display: block;
  473.   content: "";
  474.   clear: both;
  475.   height: 0;
  476. }
  477.  
  478. @media screen and (max-width: 767px) {
  479.   .dataTables_wrapper .dataTables_info,
  480.   .dataTables_wrapper .dataTables_paginate {
  481.     float: none;
  482.     text-align: center;
  483.   }
  484.   .dataTables_wrapper .dataTables_paginate {
  485.     margin-top: 0.5em;
  486.   }
  487. }
  488. @media screen and (max-width: 640px) {
  489.   .dataTables_wrapper .dataTables_length,
  490.   .dataTables_wrapper .dataTables_filter {
  491.     float: none;
  492.     text-align: center;
  493.   }
  494.   .dataTables_wrapper .dataTables_filter {
  495.     margin-top: 0.5em;
  496.   }
  497. }
  498.  
  499. }