dataTables.responsive.bootstrap4.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. @charset "UTF-8";
  2. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  3. cursor: default !important; }
  4. table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  5. display: none !important; }
  6. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  7. position: relative;
  8. padding-left: 30px;
  9. cursor: pointer; }
  10. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  11. position: absolute;
  12. top: 6px;
  13. left: 10px;
  14. font-family: "Web Icons";
  15. font-style: normal;
  16. font-weight: 400;
  17. content: "";
  18. -webkit-transform: translate(0, 0);
  19. transform: translate(0, 0);
  20. text-rendering: auto; }
  21. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  22. content: ""; }
  23. table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  24. display: none; }
  25. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  26. padding-left: 27px; }
  27. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  28. top: 5px;
  29. left: 4px;
  30. width: 14px;
  31. height: 14px;
  32. line-height: 14px;
  33. text-indent: 3px;
  34. border-radius: 14px; }
  35. table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  36. position: relative;
  37. cursor: pointer; }
  38. table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  39. position: absolute;
  40. top: 50%;
  41. left: 50%;
  42. box-sizing: content-box;
  43. display: block;
  44. width: 16px;
  45. height: 16px;
  46. margin-top: -10px;
  47. margin-left: -10px;
  48. font-family: "Courier New", Courier, monospace;
  49. line-height: 14px;
  50. color: white;
  51. text-align: center;
  52. content: "+";
  53. background-color: #0275d8;
  54. border: 2px solid white;
  55. border-radius: 14px;
  56. box-shadow: 0 0 3px #444; }
  57. table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  58. content: "-";
  59. background-color: #d33333; }
  60. table.dataTable > tbody > tr.child {
  61. padding: .5em 1em; }
  62. table.dataTable > tbody > tr.child:hover {
  63. background: transparent !important; }
  64. table.dataTable > tbody > tr.child ul.dtr-details {
  65. display: inline-block;
  66. padding: 0;
  67. margin: 0;
  68. list-style-type: none; }
  69. table.dataTable > tbody > tr.child ul.dtr-details li {
  70. padding: .5em 0;
  71. border-bottom: 1px solid #efefef; }
  72. table.dataTable > tbody > tr.child ul.dtr-details li:first-child {
  73. padding-top: 0; }
  74. table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
  75. border-bottom: none; }
  76. table.dataTable > tbody > tr.child span.dtr-title {
  77. display: inline-block;
  78. min-width: 75px;
  79. font-weight: bold; }
  80. div.dtr-modal {
  81. position: fixed;
  82. top: 0;
  83. left: 0;
  84. z-index: 100;
  85. box-sizing: border-box;
  86. width: 100%;
  87. height: 100%;
  88. padding: 10em 1em; }
  89. div.dtr-modal div.dtr-modal-display {
  90. position: absolute;
  91. top: 0;
  92. right: 0;
  93. bottom: 0;
  94. left: 0;
  95. z-index: 102;
  96. width: 50%;
  97. height: 50%;
  98. margin: auto;
  99. overflow: auto;
  100. overflow: auto;
  101. background-color: #f5f5f7;
  102. border: 1px solid black;
  103. border-radius: .5em;
  104. box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
  105. div.dtr-modal div.dtr-modal-content {
  106. position: relative;
  107. padding: 1em; }
  108. div.dtr-modal div.dtr-modal-close {
  109. position: absolute;
  110. top: 6px;
  111. right: 6px;
  112. z-index: 12;
  113. width: 22px;
  114. height: 22px;
  115. text-align: center;
  116. cursor: pointer;
  117. background-color: #f9f9f9;
  118. border: 1px solid #eaeaea;
  119. border-radius: 3px; }
  120. div.dtr-modal div.dtr-modal-close:hover {
  121. background-color: #eaeaea; }
  122. div.dtr-modal div.dtr-modal-background {
  123. position: fixed;
  124. top: 0;
  125. right: 0;
  126. bottom: 0;
  127. left: 0;
  128. z-index: 101;
  129. background: rgba(0, 0, 0, 0.6); }
  130. @media screen and (max-width: 767px) {
  131. div.dtr-modal div.dtr-modal-display {
  132. width: 95%; } }
  133. div.dtr-bs-modal table.table tr:first-child td {
  134. border-top: none; }