Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/datatables/DataTables-1.10.9/css/dataTables.jqueryui.css
1293 views
1
/*

2
 * Table styles

3
 */

4
table.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
}

17
table.dataTable thead th,

18
table.dataTable tfoot th {

19
  font-weight: bold;

20
}

21
table.dataTable thead th,

22
table.dataTable thead td {

23
  padding: 10px 18px;

24
}

25
table.dataTable thead th:active,

26
table.dataTable thead td:active {

27
  outline: none;

28
}

29
table.dataTable tfoot th,

30
table.dataTable tfoot td {

31
  padding: 10px 18px 6px 18px;

32
}

33
table.dataTable tbody tr {

34
  background-color: #ffffff;

35
}

36
table.dataTable tbody tr.selected {

37
  background-color: #B0BED9;

38
}

39
table.dataTable tbody th,

40
table.dataTable tbody td {

41
  padding: 8px 10px;

42
}

43
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {

44
  border-top: 1px solid #ddd;

45
}

46
table.dataTable.row-border tbody tr:first-child th,

47
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,

48
table.dataTable.display tbody tr:first-child td {

49
  border-top: none;

50
}

51
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {

52
  border-top: 1px solid #ddd;

53
  border-right: 1px solid #ddd;

54
}

55
table.dataTable.cell-border tbody tr th:first-child,

56
table.dataTable.cell-border tbody tr td:first-child {

57
  border-left: 1px solid #ddd;

58
}

59
table.dataTable.cell-border tbody tr:first-child th,

60
table.dataTable.cell-border tbody tr:first-child td {

61
  border-top: none;

62
}

63
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {

64
  background-color: #f9f9f9;

65
}

66
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {

67
  background-color: #acbad4;

68
}

69
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {

70
  background-color: #f6f6f6;

71
}

72
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {

73
  background-color: #aab7d1;

74
}

75
table.dataTable.order-column tbody tr > .sorting_1,

76
table.dataTable.order-column tbody tr > .sorting_2,

77
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,

78
table.dataTable.display tbody tr > .sorting_2,

79
table.dataTable.display tbody tr > .sorting_3 {

80
  background-color: #fafafa;

81
}

82
table.dataTable.order-column tbody tr.selected > .sorting_1,

83
table.dataTable.order-column tbody tr.selected > .sorting_2,

84
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,

85
table.dataTable.display tbody tr.selected > .sorting_2,

86
table.dataTable.display tbody tr.selected > .sorting_3 {

87
  background-color: #acbad5;

88
}

89
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {

90
  background-color: #f1f1f1;

91
}

92
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {

93
  background-color: #f3f3f3;

94
}

95
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {

96
  background-color: whitesmoke;

97
}

98
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {

99
  background-color: #a6b4cd;

100
}

101
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {

102
  background-color: #a8b5cf;

103
}

104
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {

105
  background-color: #a9b7d1;

106
}

107
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {

108
  background-color: #fafafa;

109
}

110
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {

111
  background-color: #fcfcfc;

112
}

113
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {

114
  background-color: #fefefe;

115
}

116
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {

117
  background-color: #acbad5;

118
}

119
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {

120
  background-color: #aebcd6;

121
}

122
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {

123
  background-color: #afbdd8;

124
}

125
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {

126
  background-color: #eaeaea;

127
}

128
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {

129
  background-color: #ececec;

130
}

131
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {

132
  background-color: #efefef;

133
}

134
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {

135
  background-color: #a2aec7;

136
}

137
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {

138
  background-color: #a3b0c9;

139
}

140
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {

141
  background-color: #a5b2cb;

142
}

143
table.dataTable.no-footer {

144
  border-bottom: 1px solid #111;

145
}

146
table.dataTable.nowrap th, table.dataTable.nowrap td {

147
  white-space: nowrap;

148
}

149
table.dataTable.compact thead th,

150
table.dataTable.compact thead td {

151
  padding: 4px 17px 4px 4px;

152
}

153
table.dataTable.compact tfoot th,

154
table.dataTable.compact tfoot td {

155
  padding: 4px;

156
}

157
table.dataTable.compact tbody th,

158
table.dataTable.compact tbody td {

159
  padding: 4px;

160
}

161
table.dataTable th.dt-left,

162
table.dataTable td.dt-left {

163
  text-align: left;

164
}

165
table.dataTable th.dt-center,

166
table.dataTable td.dt-center,

167
table.dataTable td.dataTables_empty {

168
  text-align: center;

169
}

170
table.dataTable th.dt-right,

171
table.dataTable td.dt-right {

172
  text-align: right;

173
}

174
table.dataTable th.dt-justify,

175
table.dataTable td.dt-justify {

176
  text-align: justify;

177
}

178
table.dataTable th.dt-nowrap,

179
table.dataTable td.dt-nowrap {

180
  white-space: nowrap;

181
}

182
table.dataTable thead th.dt-head-left,

183
table.dataTable thead td.dt-head-left,

184
table.dataTable tfoot th.dt-head-left,

185
table.dataTable tfoot td.dt-head-left {

186
  text-align: left;

187
}

188
table.dataTable thead th.dt-head-center,

189
table.dataTable thead td.dt-head-center,

190
table.dataTable tfoot th.dt-head-center,

191
table.dataTable tfoot td.dt-head-center {

192
  text-align: center;

193
}

194
table.dataTable thead th.dt-head-right,

195
table.dataTable thead td.dt-head-right,

196
table.dataTable tfoot th.dt-head-right,

197
table.dataTable tfoot td.dt-head-right {

198
  text-align: right;

199
}

200
table.dataTable thead th.dt-head-justify,

201
table.dataTable thead td.dt-head-justify,

202
table.dataTable tfoot th.dt-head-justify,

203
table.dataTable tfoot td.dt-head-justify {

204
  text-align: justify;

205
}

206
table.dataTable thead th.dt-head-nowrap,

207
table.dataTable thead td.dt-head-nowrap,

208
table.dataTable tfoot th.dt-head-nowrap,

209
table.dataTable tfoot td.dt-head-nowrap {

210
  white-space: nowrap;

211
}

212
table.dataTable tbody th.dt-body-left,

213
table.dataTable tbody td.dt-body-left {

214
  text-align: left;

215
}

216
table.dataTable tbody th.dt-body-center,

217
table.dataTable tbody td.dt-body-center {

218
  text-align: center;

219
}

220
table.dataTable tbody th.dt-body-right,

221
table.dataTable tbody td.dt-body-right {

222
  text-align: right;

223
}

224
table.dataTable tbody th.dt-body-justify,

225
table.dataTable tbody td.dt-body-justify {

226
  text-align: justify;

227
}

228
table.dataTable tbody th.dt-body-nowrap,

229
table.dataTable tbody td.dt-body-nowrap {

230
  white-space: nowrap;

231
}

232


233
table.dataTable,

234
table.dataTable th,

235
table.dataTable td {

236
  -webkit-box-sizing: content-box;

237
  -moz-box-sizing: content-box;

238
  box-sizing: content-box;

239
}

240


241
/*

242
 * Control feature layout

243
 */

244
.dataTables_wrapper {

245
  position: relative;

246
  clear: both;

247
  *zoom: 1;

248
  zoom: 1;

249
}

250
.dataTables_wrapper .dataTables_length {

251
  float: left;

252
}

253
.dataTables_wrapper .dataTables_filter {

254
  float: right;

255
  text-align: right;

256
}

257
.dataTables_wrapper .dataTables_filter input {

258
  margin-left: 0.5em;

259
}

260
.dataTables_wrapper .dataTables_info {

261
  clear: both;

262
  float: left;

263
  padding-top: 0.755em;

264
}

265
.dataTables_wrapper .dataTables_paginate {

266
  float: right;

267
  text-align: right;

268
  padding-top: 0.25em;

269
}

270
.dataTables_wrapper .dataTables_paginate .paginate_button {

271
  box-sizing: border-box;

272
  display: inline-block;

273
  min-width: 1.5em;

274
  padding: 0.5em 1em;

275
  margin-left: 2px;

276
  text-align: center;

277
  text-decoration: none !important;

278
  cursor: pointer;

279
  *cursor: hand;

280
  color: #333 !important;

281
  border: 1px solid transparent;

282
  border-radius: 2px;

283
}

284
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

285
  color: #333 !important;

286
  border: 1px solid #979797;

287
  background-color: white;

288
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));

289
  /* Chrome,Safari4+ */

290
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);

291
  /* Chrome10+,Safari5.1+ */

292
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);

293
  /* FF3.6+ */

294
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);

295
  /* IE10+ */

296
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);

297
  /* Opera 11.10+ */

298
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);

299
  /* W3C */

300
}

301
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

302
  cursor: default;

303
  color: #666 !important;

304
  border: 1px solid transparent;

305
  background: transparent;

306
  box-shadow: none;

307
}

308
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

309
  color: white !important;

310
  border: 1px solid #111;

311
  background-color: #585858;

312
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));

313
  /* Chrome,Safari4+ */

314
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);

315
  /* Chrome10+,Safari5.1+ */

316
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);

317
  /* FF3.6+ */

318
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);

319
  /* IE10+ */

320
  background: -o-linear-gradient(top, #585858 0%, #111 100%);

321
  /* Opera 11.10+ */

322
  background: linear-gradient(to bottom, #585858 0%, #111 100%);

323
  /* W3C */

324
}

325
.dataTables_wrapper .dataTables_paginate .paginate_button:active {

326
  outline: none;

327
  background-color: #2b2b2b;

328
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));

329
  /* Chrome,Safari4+ */

330
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

331
  /* Chrome10+,Safari5.1+ */

332
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

333
  /* FF3.6+ */

334
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

335
  /* IE10+ */

336
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

337
  /* Opera 11.10+ */

338
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);

339
  /* W3C */

340
  box-shadow: inset 0 0 3px #111;

341
}

342
.dataTables_wrapper .dataTables_paginate .ellipsis {

343
  padding: 0 1em;

344
}

345
.dataTables_wrapper .dataTables_processing {

346
  position: absolute;

347
  top: 50%;

348
  left: 50%;

349
  width: 100%;

350
  height: 40px;

351
  margin-left: -50%;

352
  margin-top: -25px;

353
  padding-top: 20px;

354
  text-align: center;

355
  font-size: 1.2em;

356
  background-color: white;

357
  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)));

358
  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%);

359
  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%);

360
  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%);

361
  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%);

362
  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%);

363
}

364
.dataTables_wrapper .dataTables_length,

365
.dataTables_wrapper .dataTables_filter,

366
.dataTables_wrapper .dataTables_info,

367
.dataTables_wrapper .dataTables_processing,

368
.dataTables_wrapper .dataTables_paginate {

369
  color: #333;

370
}

371
.dataTables_wrapper .dataTables_scroll {

372
  clear: both;

373
}

374
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

375
  *margin-top: -1px;

376
  -webkit-overflow-scrolling: touch;

377
}

378
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,

379
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {

380
  height: 0;

381
  overflow: hidden;

382
  margin: 0 !important;

383
  padding: 0 !important;

384
}

385
.dataTables_wrapper.no-footer .dataTables_scrollBody {

386
  border-bottom: 1px solid #111;

387
}

388
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,

389
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {

390
  border-bottom: none;

391
}

392
.dataTables_wrapper:after {

393
  visibility: hidden;

394
  display: block;

395
  content: "";

396
  clear: both;

397
  height: 0;

398
}

399


400
@media screen and (max-width: 767px) {

401
  .dataTables_wrapper .dataTables_info,

402
  .dataTables_wrapper .dataTables_paginate {

403
    float: none;

404
    text-align: center;

405
  }

406
  .dataTables_wrapper .dataTables_paginate {

407
    margin-top: 0.5em;

408
  }

409
}

410
@media screen and (max-width: 640px) {

411
  .dataTables_wrapper .dataTables_length,

412
  .dataTables_wrapper .dataTables_filter {

413
    float: none;

414
    text-align: center;

415
  }

416
  .dataTables_wrapper .dataTables_filter {

417
    margin-top: 0.5em;

418
  }

419
}

420
table.dataTable thead th div.DataTables_sort_wrapper {

421
  position: relative;

422
}

423
table.dataTable thead th div.DataTables_sort_wrapper span {

424
  position: absolute;

425
  top: 50%;

426
  margin-top: -8px;

427
  right: -18px;

428
}

429
table.dataTable thead th.ui-state-default,

430
table.dataTable tfoot th.ui-state-default {

431
  border-right-width: 0;

432
}

433
table.dataTable thead th.ui-state-default:last-child,

434
table.dataTable tfoot th.ui-state-default:last-child {

435
  border-right-width: 1px;

436
}

437


438
/*

439
 * Control feature layout

440
 */

441
.dataTables_wrapper .dataTables_paginate .fg-button {

442
  box-sizing: border-box;

443
  display: inline-block;

444
  min-width: 1.5em;

445
  padding: 0.5em;

446
  margin-left: 2px;

447
  text-align: center;

448
  text-decoration: none !important;

449
  cursor: pointer;

450
  *cursor: hand;

451
  color: #333 !important;

452
  border: 1px solid transparent;

453
}

454
.dataTables_wrapper .dataTables_paginate .fg-button:active {

455
  outline: none;

456
}

457
.dataTables_wrapper .dataTables_paginate .fg-button:first-child {

458
  border-top-left-radius: 3px;

459
  border-bottom-left-radius: 3px;

460
}

461
.dataTables_wrapper .dataTables_paginate .fg-button:last-child {

462
  border-top-right-radius: 3px;

463
  border-bottom-right-radius: 3px;

464
}

465
.dataTables_wrapper .ui-widget-header {

466
  font-weight: normal;

467
}

468
.dataTables_wrapper .ui-toolbar {

469
  padding: 8px;

470
}

471
.dataTables_wrapper.no-footer .dataTables_scrollBody {

472
  border-bottom: none;

473
}

474


475