@clayui/css 3.106.1 → 3.108.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/README.md +1 -1
  3. package/lib/css/atlas.css +431 -130
  4. package/lib/css/atlas.css.map +1 -1
  5. package/lib/css/base.css +428 -115
  6. package/lib/css/base.css.map +1 -1
  7. package/lib/css/cadmin.css +446 -124
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/flags-en-CA.svg +13 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/twitter-x.svg +9 -0
  12. package/package.json +2 -2
  13. package/src/images/icons/flags-en-CA.svg +13 -0
  14. package/src/images/icons/twitter-x.svg +9 -0
  15. package/src/scss/_license-text.scss +1 -1
  16. package/src/scss/atlas/variables/_tables.scss +37 -18
  17. package/src/scss/cadmin/components/_badges.scss +1 -6
  18. package/src/scss/cadmin/components/_modals.scss +11 -0
  19. package/src/scss/cadmin/components/_tables.scss +82 -25
  20. package/src/scss/cadmin/variables/_alerts.scss +2 -16
  21. package/src/scss/cadmin/variables/_badges.scss +78 -3
  22. package/src/scss/cadmin/variables/_buttons.scss +204 -0
  23. package/src/scss/cadmin/variables/_dropdowns.scss +1 -1
  24. package/src/scss/cadmin/variables/_modals.scss +21 -1
  25. package/src/scss/cadmin/variables/_tables.scss +144 -99
  26. package/src/scss/cadmin/variables/_utilities.scss +2 -1
  27. package/src/scss/components/_modals.scss +8 -0
  28. package/src/scss/components/_tables.scss +87 -28
  29. package/src/scss/functions/_lx-icons-generated.scss +4 -0
  30. package/src/scss/mixins/_grid.scss +8 -0
  31. package/src/scss/mixins/_tables.scss +21 -2
  32. package/src/scss/variables/_badges.scss +74 -4
  33. package/src/scss/variables/_buttons.scss +198 -4
  34. package/src/scss/variables/_modals.scss +21 -1
  35. package/src/scss/variables/_tables.scss +131 -91
  36. package/src/scss/variables/_utilities.scss +1 -1
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.106.1
3
+ * Clay 3.108.0
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
16
16
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
17
17
  */
18
18
  /**
19
- * Clay 3.106.1
19
+ * Clay 3.108.0
20
20
  *
21
21
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
22
22
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -982,7 +982,7 @@ html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:focus {
982
982
  html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:active {
983
983
  pointer-events: none;
984
984
  }
985
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs, html:not(#__):not(#___) .cadmin .btn-xs {
985
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs, html:not(#__):not(#___) .cadmin .btn-translucent, html:not(#__):not(#___) .cadmin .btn-xs {
986
986
  font-size: 0.75rem;
987
987
  line-height: 1.5;
988
988
  padding-bottom: 0.125rem;
@@ -990,26 +990,26 @@ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs, html:not(#__):not(#___)
990
990
  padding-right: 0.5rem;
991
991
  padding-top: 0.125rem;
992
992
  }
993
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .c-inner, html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
993
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .c-inner, html:not(#__):not(#___) .cadmin .btn-translucent .c-inner, html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
994
994
  margin-bottom: -0.125rem;
995
995
  margin-left: -0.5rem;
996
996
  margin-right: -0.5rem;
997
997
  margin-top: -0.125rem;
998
998
  }
999
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .lexicon-icon, html:not(#__):not(#___) .cadmin .btn-xs .lexicon-icon {
999
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .lexicon-icon, html:not(#__):not(#___) .cadmin .btn-translucent .lexicon-icon, html:not(#__):not(#___) .cadmin .btn-xs .lexicon-icon {
1000
1000
  font-size: inherit;
1001
1001
  }
1002
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item, html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
1002
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item, html:not(#__):not(#___) .cadmin .btn-translucent .inline-item, html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
1003
1003
  font-size: inherit;
1004
1004
  margin-top: -0.16em;
1005
1005
  }
1006
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-before, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
1006
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-before, html:not(#__):not(#___) .cadmin .btn-translucent .inline-item-before, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
1007
1007
  margin-right: 0.25rem;
1008
1008
  }
1009
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-after, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
1009
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .inline-item-after, html:not(#__):not(#___) .cadmin .btn-translucent .inline-item-after, html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
1010
1010
  margin-left: 0.25rem;
1011
1011
  }
1012
- html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .btn-section, html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
1012
+ html:not(#__):not(#___) .cadmin .sidebar-sm .btn.btn-xs .btn-section, html:not(#__):not(#___) .cadmin .btn-translucent .btn-section, html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
1013
1013
  font-size: 0.375rem;
1014
1014
  }
1015
1015
  html:not(#__):not(#___) .cadmin .btn-group-lg > .btn,
@@ -1478,6 +1478,275 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-beta {
1478
1478
  background-color: #f1f2f5;
1479
1479
  color: #294f98;
1480
1480
  }
1481
+ html:not(#__):not(#___) .cadmin .btn-translucent {
1482
+ border-radius: 800px;
1483
+ }
1484
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary {
1485
+ background-color: rgba(0, 83, 240, 0.04);
1486
+ border-color: transparent;
1487
+ color: #0053f0;
1488
+ }
1489
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary:hover {
1490
+ background-color: rgba(0, 83, 240, 0.06);
1491
+ color: #0053f0;
1492
+ }
1493
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary.focus, html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary:focus-visible,
1494
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-translucent.btn-primary {
1495
+ background-color: rgba(0, 83, 240, 0.06);
1496
+ color: #0053f0;
1497
+ }
1498
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary:active {
1499
+ background-color: rgba(0, 83, 240, 0.08);
1500
+ color: #0053f0;
1501
+ }
1502
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary.active {
1503
+ background-color: rgba(0, 83, 240, 0.08);
1504
+ color: #0053f0;
1505
+ }
1506
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-translucent.btn-primary.show {
1507
+ background-color: rgba(0, 83, 240, 0.08);
1508
+ color: #0053f0;
1509
+ }
1510
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .btn-beta {
1511
+ background-color: rgba(41, 79, 152, 0.04);
1512
+ border-color: transparent;
1513
+ color: #294f98;
1514
+ }
1515
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info:hover, html:not(#__):not(#___) .cadmin .btn-beta:hover {
1516
+ background-color: rgba(41, 79, 152, 0.06);
1517
+ color: #294f98;
1518
+ }
1519
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info.focus, html:not(#__):not(#___) .cadmin .btn-translucent.btn-info:focus-visible,
1520
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-translucent.btn-info, html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-beta, html:not(#__):not(#___) .cadmin .btn-beta.focus, html:not(#__):not(#___) .cadmin .btn-beta:focus-visible {
1521
+ background-color: rgba(41, 79, 152, 0.06);
1522
+ color: #294f98;
1523
+ }
1524
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info:active, html:not(#__):not(#___) .cadmin .btn-beta:active {
1525
+ background-color: rgba(41, 79, 152, 0.08);
1526
+ color: #294f98;
1527
+ }
1528
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info.active, html:not(#__):not(#___) .cadmin .btn-beta.active {
1529
+ background-color: rgba(41, 79, 152, 0.08);
1530
+ color: #294f98;
1531
+ }
1532
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-info[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-translucent.btn-info.show, html:not(#__):not(#___) .cadmin .btn-beta[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-beta.show {
1533
+ background-color: rgba(41, 79, 152, 0.08);
1534
+ color: #294f98;
1535
+ }
1536
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success {
1537
+ background-color: rgba(34, 106, 51, 0.04);
1538
+ border-color: transparent;
1539
+ color: #226a33;
1540
+ }
1541
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success:hover {
1542
+ background-color: rgba(34, 106, 51, 0.06);
1543
+ color: #226a33;
1544
+ }
1545
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success.focus, html:not(#__):not(#___) .cadmin .btn-translucent.btn-success:focus-visible,
1546
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-translucent.btn-success {
1547
+ background-color: rgba(34, 106, 51, 0.06);
1548
+ color: #226a33;
1549
+ }
1550
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success:active {
1551
+ background-color: rgba(34, 106, 51, 0.08);
1552
+ color: #226a33;
1553
+ }
1554
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success.active {
1555
+ background-color: rgba(34, 106, 51, 0.08);
1556
+ color: #226a33;
1557
+ }
1558
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-success[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-translucent.btn-success.show {
1559
+ background-color: rgba(34, 106, 51, 0.08);
1560
+ color: #226a33;
1561
+ }
1562
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning {
1563
+ background-color: rgba(159, 69, 0, 0.04);
1564
+ border-color: transparent;
1565
+ color: #9f4500;
1566
+ }
1567
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning:hover {
1568
+ background-color: rgba(159, 69, 0, 0.06);
1569
+ color: #9f4500;
1570
+ }
1571
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning.focus, html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning:focus-visible,
1572
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-translucent.btn-warning {
1573
+ background-color: rgba(159, 69, 0, 0.06);
1574
+ color: #9f4500;
1575
+ }
1576
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning:active {
1577
+ background-color: rgba(159, 69, 0, 0.08);
1578
+ color: #9f4500;
1579
+ }
1580
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning.active {
1581
+ background-color: rgba(159, 69, 0, 0.08);
1582
+ color: #9f4500;
1583
+ }
1584
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-translucent.btn-warning.show {
1585
+ background-color: rgba(159, 69, 0, 0.08);
1586
+ color: #9f4500;
1587
+ }
1588
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger {
1589
+ background-color: rgba(195, 18, 18, 0.04);
1590
+ border-color: transparent;
1591
+ color: #c31212;
1592
+ }
1593
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger:hover {
1594
+ background-color: rgba(195, 18, 18, 0.06);
1595
+ color: #c31212;
1596
+ }
1597
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger.focus, html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger:focus-visible,
1598
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-translucent.btn-danger {
1599
+ background-color: rgba(195, 18, 18, 0.06);
1600
+ color: #c31212;
1601
+ }
1602
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger:active {
1603
+ background-color: rgba(195, 18, 18, 0.08);
1604
+ color: #c31212;
1605
+ }
1606
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger.active {
1607
+ background-color: rgba(195, 18, 18, 0.08);
1608
+ color: #c31212;
1609
+ }
1610
+ html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger[aria-expanded=true], html:not(#__):not(#___) .cadmin .btn-translucent.btn-danger.show {
1611
+ background-color: rgba(195, 18, 18, 0.08);
1612
+ color: #c31212;
1613
+ }
1614
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-primary {
1615
+ background-color: rgba(179, 205, 255, 0.04);
1616
+ border-color: transparent;
1617
+ color: #80acff;
1618
+ }
1619
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-primary:hover, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-primary:hover {
1620
+ background-color: rgba(179, 205, 255, 0.06);
1621
+ color: #80acff;
1622
+ }
1623
+ html:not(#__):not(#___) .cadmin .focus.clay-dark.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark .focus.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-primary:focus-visible, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-primary:focus-visible,
1624
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark.btn-translucent.btn-primary,
1625
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark .btn-translucent.btn-primary {
1626
+ background-color: rgba(179, 205, 255, 0.06);
1627
+ color: #80acff;
1628
+ }
1629
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-primary:active, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-primary:active {
1630
+ background-color: rgba(179, 205, 255, 0.08);
1631
+ color: #80acff;
1632
+ }
1633
+ html:not(#__):not(#___) .cadmin .active.clay-dark.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark .active.btn-translucent.btn-primary {
1634
+ background-color: rgba(179, 205, 255, 0.08);
1635
+ color: #80acff;
1636
+ }
1637
+ html:not(#__):not(#___) .cadmin [aria-expanded=true].clay-dark.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark [aria-expanded=true].btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .show.clay-dark.btn-translucent.btn-primary, html:not(#__):not(#___) .cadmin .clay-dark .show.btn-translucent.btn-primary {
1638
+ background-color: rgba(179, 205, 255, 0.08);
1639
+ color: #80acff;
1640
+ }
1641
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .btn-beta-dark {
1642
+ background-color: rgba(238, 242, 250, 0.04);
1643
+ border-color: transparent;
1644
+ color: #89a7e0;
1645
+ }
1646
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-info:hover, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-info:hover, html:not(#__):not(#___) .cadmin .btn-beta-dark:hover {
1647
+ background-color: rgba(238, 242, 250, 0.06);
1648
+ color: #89a7e0;
1649
+ }
1650
+ html:not(#__):not(#___) .cadmin .focus.clay-dark.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .clay-dark .focus.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .focus.btn-beta-dark, html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-info:focus-visible, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-info:focus-visible, html:not(#__):not(#___) .cadmin .btn-beta-dark:focus-visible,
1651
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark.btn-translucent.btn-info,
1652
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark .btn-translucent.btn-info,
1653
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .btn-beta-dark {
1654
+ background-color: rgba(238, 242, 250, 0.06);
1655
+ color: #89a7e0;
1656
+ }
1657
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-info:active, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-info:active, html:not(#__):not(#___) .cadmin .btn-beta-dark:active {
1658
+ background-color: rgba(238, 242, 250, 0.08);
1659
+ color: #89a7e0;
1660
+ }
1661
+ html:not(#__):not(#___) .cadmin .active.clay-dark.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .clay-dark .active.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .active.btn-beta-dark {
1662
+ background-color: rgba(238, 242, 250, 0.08);
1663
+ color: #89a7e0;
1664
+ }
1665
+ html:not(#__):not(#___) .cadmin [aria-expanded=true].clay-dark.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .clay-dark [aria-expanded=true].btn-translucent.btn-info, html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-beta-dark, html:not(#__):not(#___) .cadmin .show.clay-dark.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .clay-dark .show.btn-translucent.btn-info, html:not(#__):not(#___) .cadmin .show.btn-beta-dark {
1666
+ background-color: rgba(238, 242, 250, 0.08);
1667
+ color: #89a7e0;
1668
+ }
1669
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-success {
1670
+ background-color: rgba(237, 249, 240, 0.04);
1671
+ border-color: transparent;
1672
+ color: #5aca75;
1673
+ }
1674
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-success:hover, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-success:hover {
1675
+ background-color: rgba(237, 249, 240, 0.06);
1676
+ color: #5aca75;
1677
+ }
1678
+ html:not(#__):not(#___) .cadmin .focus.clay-dark.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark .focus.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-success:focus-visible, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-success:focus-visible,
1679
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark.btn-translucent.btn-success,
1680
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark .btn-translucent.btn-success {
1681
+ background-color: rgba(237, 249, 240, 0.06);
1682
+ color: #5aca75;
1683
+ }
1684
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-success:active, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-success:active {
1685
+ background-color: rgba(237, 249, 240, 0.08);
1686
+ color: #5aca75;
1687
+ }
1688
+ html:not(#__):not(#___) .cadmin .active.clay-dark.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark .active.btn-translucent.btn-success {
1689
+ background-color: rgba(237, 249, 240, 0.08);
1690
+ color: #5aca75;
1691
+ }
1692
+ html:not(#__):not(#___) .cadmin [aria-expanded=true].clay-dark.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark [aria-expanded=true].btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .show.clay-dark.btn-translucent.btn-success, html:not(#__):not(#___) .cadmin .clay-dark .show.btn-translucent.btn-success {
1693
+ background-color: rgba(237, 249, 240, 0.08);
1694
+ color: #5aca75;
1695
+ }
1696
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-warning {
1697
+ background-color: rgba(255, 244, 236, 0.04);
1698
+ border-color: transparent;
1699
+ color: #ff8f39;
1700
+ }
1701
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-warning:hover, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-warning:hover {
1702
+ background-color: rgba(255, 244, 236, 0.06);
1703
+ color: #ff8f39;
1704
+ }
1705
+ html:not(#__):not(#___) .cadmin .focus.clay-dark.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark .focus.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-warning:focus-visible, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-warning:focus-visible,
1706
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark.btn-translucent.btn-warning,
1707
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark .btn-translucent.btn-warning {
1708
+ background-color: rgba(255, 244, 236, 0.06);
1709
+ color: #ff8f39;
1710
+ }
1711
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-warning:active, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-warning:active {
1712
+ background-color: rgba(255, 244, 236, 0.08);
1713
+ color: #ff8f39;
1714
+ }
1715
+ html:not(#__):not(#___) .cadmin .active.clay-dark.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark .active.btn-translucent.btn-warning {
1716
+ background-color: rgba(255, 244, 236, 0.08);
1717
+ color: #ff8f39;
1718
+ }
1719
+ html:not(#__):not(#___) .cadmin [aria-expanded=true].clay-dark.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark [aria-expanded=true].btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .show.clay-dark.btn-translucent.btn-warning, html:not(#__):not(#___) .cadmin .clay-dark .show.btn-translucent.btn-warning {
1720
+ background-color: rgba(255, 244, 236, 0.08);
1721
+ color: #ff8f39;
1722
+ }
1723
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-danger {
1724
+ background-color: rgba(254, 239, 239, 0.04);
1725
+ border-color: transparent;
1726
+ color: #f48989;
1727
+ }
1728
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-danger:hover, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-danger:hover {
1729
+ background-color: rgba(254, 239, 239, 0.06);
1730
+ color: #f48989;
1731
+ }
1732
+ html:not(#__):not(#___) .cadmin .focus.clay-dark.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark .focus.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-danger:focus-visible, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-danger:focus-visible,
1733
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark.btn-translucent.btn-danger,
1734
+ html:not(#__):not(#___) .c-prefers-focus .cadmin .clay-dark .btn-translucent.btn-danger {
1735
+ background-color: rgba(254, 239, 239, 0.06);
1736
+ color: #f48989;
1737
+ }
1738
+ html:not(#__):not(#___) .cadmin .clay-dark.btn-translucent.btn-danger:active, html:not(#__):not(#___) .cadmin .clay-dark .btn-translucent.btn-danger:active {
1739
+ background-color: rgba(254, 239, 239, 0.08);
1740
+ color: #f48989;
1741
+ }
1742
+ html:not(#__):not(#___) .cadmin .active.clay-dark.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark .active.btn-translucent.btn-danger {
1743
+ background-color: rgba(254, 239, 239, 0.08);
1744
+ color: #f48989;
1745
+ }
1746
+ html:not(#__):not(#___) .cadmin [aria-expanded=true].clay-dark.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark [aria-expanded=true].btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .show.clay-dark.btn-translucent.btn-danger, html:not(#__):not(#___) .cadmin .clay-dark .show.btn-translucent.btn-danger {
1747
+ background-color: rgba(254, 239, 239, 0.08);
1748
+ color: #f48989;
1749
+ }
1481
1750
  html:not(#__):not(#___) .cadmin .btn-outline-primary {
1482
1751
  border-color: #0b5fff;
1483
1752
  color: #0b5fff;
@@ -3456,11 +3725,11 @@ html:not(#__):not(#___) .cadmin .alert-indicator-start.alert.alert-fluid > .cont
3456
3725
  padding-left: calc( 16px + 16px + 4px );
3457
3726
  }
3458
3727
  html:not(#__):not(#___) .cadmin .alert-indicator-start.alert.alert-feedback {
3459
- padding-left: calc( 16px + 4px );
3728
+ padding-left: calc(16px + 8px);
3460
3729
  }
3461
3730
  html:not(#__):not(#___) .cadmin .alert-indicator-start.alert .alert-indicator {
3462
3731
  line-height: 1;
3463
- margin-left: calc( -1em - 4px );
3732
+ margin-left: calc(-1em - 8px);
3464
3733
  margin-top: 2px;
3465
3734
  position: absolute;
3466
3735
  }
@@ -3985,10 +4254,55 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin [href].badge-dark, html:not(#__
3985
4254
  background-color: #272833;
3986
4255
  color: #fff;
3987
4256
  }
3988
- html:not(#__):not(#___) .cadmin if true, html:not(#__):not(#___) .cadmin .badge-beta, html:not(#__):not(#___) .cadmin badge-beta {
3989
- background-color: #f7f8f9;
4257
+ html:not(#__):not(#___) .cadmin .badge-translucent.badge-primary {
4258
+ background-color: rgba(0, 83, 240, 0.04);
4259
+ border-color: transparent;
4260
+ color: #0053f0;
4261
+ }
4262
+ html:not(#__):not(#___) .cadmin .badge-translucent.badge-info, html:not(#__):not(#___) .cadmin .badge-beta {
4263
+ background-color: rgba(41, 79, 152, 0.04);
4264
+ border-color: transparent;
3990
4265
  color: #294f98;
3991
- text-transform: uppercase;
4266
+ }
4267
+ html:not(#__):not(#___) .cadmin .badge-translucent.badge-success {
4268
+ background-color: rgba(34, 106, 51, 0.04);
4269
+ border-color: transparent;
4270
+ color: #226a33;
4271
+ }
4272
+ html:not(#__):not(#___) .cadmin .badge-translucent.badge-warning {
4273
+ background-color: rgba(159, 69, 0, 0.04);
4274
+ border-color: transparent;
4275
+ color: #9f4500;
4276
+ }
4277
+ html:not(#__):not(#___) .cadmin .badge-translucent.badge-danger {
4278
+ background-color: rgba(195, 18, 18, 0.04);
4279
+ border-color: transparent;
4280
+ color: #c31212;
4281
+ }
4282
+ html:not(#__):not(#___) .cadmin .clay-dark.badge-translucent.badge-primary, html:not(#__):not(#___) .cadmin .clay-dark .badge-translucent.badge-primary {
4283
+ background-color: rgba(179, 205, 255, 0.04);
4284
+ border-color: transparent;
4285
+ color: #80acff;
4286
+ }
4287
+ html:not(#__):not(#___) .cadmin .clay-dark.badge-translucent.badge-info, html:not(#__):not(#___) .cadmin .clay-dark .badge-translucent.badge-info, html:not(#__):not(#___) .cadmin .badge-beta-dark {
4288
+ background-color: rgba(238, 242, 250, 0.04);
4289
+ border-color: transparent;
4290
+ color: #89a7e0;
4291
+ }
4292
+ html:not(#__):not(#___) .cadmin .clay-dark.badge-translucent.badge-success, html:not(#__):not(#___) .cadmin .clay-dark .badge-translucent.badge-success {
4293
+ background-color: rgba(237, 249, 240, 0.04);
4294
+ border-color: transparent;
4295
+ color: #5aca75;
4296
+ }
4297
+ html:not(#__):not(#___) .cadmin .clay-dark.badge-translucent.badge-warning, html:not(#__):not(#___) .cadmin .clay-dark .badge-translucent.badge-warning {
4298
+ background-color: rgba(255, 244, 236, 0.04);
4299
+ border-color: transparent;
4300
+ color: #ff8f39;
4301
+ }
4302
+ html:not(#__):not(#___) .cadmin .clay-dark.badge-translucent.badge-danger, html:not(#__):not(#___) .cadmin .clay-dark .badge-translucent.badge-danger {
4303
+ background-color: rgba(254, 239, 239, 0.04);
4304
+ border-color: transparent;
4305
+ color: #f48989;
3992
4306
  }
3993
4307
  html:not(#__):not(#___) .cadmin .breadcrumb {
3994
4308
  background-color: transparent;
@@ -6179,14 +6493,14 @@ html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-caption,
6179
6493
  html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item {
6180
6494
  padding-left: calc(
6181
6495
  16px + 16px +
6182
- 16px
6496
+ 12px
6183
6497
  );
6184
6498
  }
6185
6499
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-start .dropdown-item .c-inner, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-start .dropdown-item .c-inner {
6186
6500
  margin-left: calc((
6187
6501
  16px +
6188
6502
  16px +
6189
- 16px
6503
+ 12px
6190
6504
  ) * -1);
6191
6505
  }
6192
6506
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-start {
@@ -6207,7 +6521,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-start .lexicon-icon {
6207
6521
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start {
6208
6522
  color: inherit;
6209
6523
  display: block;
6210
- padding-left: 32px;
6524
+ padding-left: 28px;
6211
6525
  text-decoration: inherit;
6212
6526
  width: 100%;
6213
6527
  }
@@ -6221,7 +6535,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .dropdown-item-indicator-text-s
6221
6535
  text-decoration: inherit;
6222
6536
  }
6223
6537
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-start > .c-inner {
6224
- margin-left: -32px;
6538
+ margin-left: -28px;
6225
6539
  }
6226
6540
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item-indicator, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item-indicator {
6227
6541
  position: absolute;
@@ -6234,14 +6548,14 @@ html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item-indi
6234
6548
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item {
6235
6549
  padding-right: calc(
6236
6550
  16px + 16px +
6237
- 16px
6551
+ 12px
6238
6552
  );
6239
6553
  }
6240
6554
  html:not(#__):not(#___) .cadmin .dropdown-menu-indicator-end .dropdown-item .c-inner, html:not(#__):not(#___) .cadmin.dropdown-menu-indicator-end .dropdown-item .c-inner {
6241
6555
  margin-right: calc((
6242
6556
  16px +
6243
6557
  16px +
6244
- 16px
6558
+ 12px
6245
6559
  ) * -1);
6246
6560
  }
6247
6561
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-end {
@@ -6262,7 +6576,7 @@ html:not(#__):not(#___) .cadmin .dropdown-item-indicator-end .lexicon-icon {
6262
6576
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end {
6263
6577
  color: inherit;
6264
6578
  display: block;
6265
- padding-right: 32px;
6579
+ padding-right: 28px;
6266
6580
  text-decoration: inherit;
6267
6581
  width: 100%;
6268
6582
  }
@@ -6276,7 +6590,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .dropdown-item-indicator-text-e
6276
6590
  text-decoration: inherit;
6277
6591
  }
6278
6592
  html:not(#__):not(#___) .cadmin .dropdown-item-indicator-text-end > .c-inner {
6279
- margin-right: -32px;
6593
+ margin-right: -28px;
6280
6594
  }
6281
6595
  html:not(#__):not(#___) .cadmin .dropdown-menu-top, html:not(#__):not(#___) .cadmin.dropdown-menu-top {
6282
6596
  bottom: 100% !important;
@@ -10526,6 +10840,24 @@ html:not(#__):not(#___) .cadmin .modal, html:not(#__):not(#___) .cadmin.modal {
10526
10840
  width: 100%;
10527
10841
  z-index: 1050;
10528
10842
  }
10843
+ @media (max-width: 767.98px) {
10844
+ html:not(#__):not(#___) .cadmin .modal .close, html:not(#__):not(#___) .cadmin.modal .close {
10845
+ margin-right: -8px;
10846
+ }
10847
+ html:not(#__):not(#___) .cadmin .modal .modal-header, html:not(#__):not(#___) .cadmin.modal .modal-header {
10848
+ height: 48px;
10849
+ padding: 8px 16px;
10850
+ }
10851
+ html:not(#__):not(#___) .cadmin .modal .modal-title, html:not(#__):not(#___) .cadmin.modal .modal-title {
10852
+ font-size: 18px;
10853
+ }
10854
+ html:not(#__):not(#___) .cadmin .modal .modal-body, html:not(#__):not(#___) .cadmin.modal .modal-body {
10855
+ padding: 8px 16px;
10856
+ }
10857
+ html:not(#__):not(#___) .cadmin .modal .modal-footer, html:not(#__):not(#___) .cadmin.modal .modal-footer {
10858
+ padding: 8px;
10859
+ }
10860
+ }
10529
10861
  html:not(#__):not(#___) .cadmin .modal-dialog {
10530
10862
  margin: 8px;
10531
10863
  position: relative;
@@ -10683,7 +11015,7 @@ html:not(#__):not(#___) .cadmin .modal-footer, html:not(#__):not(#___) .cadmin.m
10683
11015
  padding-top: 12px;
10684
11016
  }
10685
11017
  html:not(#__):not(#___) .cadmin .modal-footer > *, html:not(#__):not(#___) .cadmin.modal-footer > * {
10686
- margin: calc(8px * 0.5);
11018
+ margin: 0 calc(8px * 0.5);
10687
11019
  }
10688
11020
  html:not(#__):not(#___) .cadmin .modal-item-group {
10689
11021
  align-items: center;
@@ -10725,6 +11057,7 @@ html:not(#__):not(#___) .cadmin .modal-item-last {
10725
11057
  }
10726
11058
  html:not(#__):not(#___) .cadmin .modal-footer > .modal-item-last, html:not(#__):not(#___) .cadmin.modal-footer > .modal-item-last {
10727
11059
  margin-left: auto;
11060
+ margin-right: 0;
10728
11061
  }
10729
11062
  html:not(#__):not(#___) .cadmin .modal-title {
10730
11063
  flex-grow: 1;
@@ -16045,8 +16378,8 @@ html:not(#__):not(#___) .cadmin th {
16045
16378
  }
16046
16379
  html:not(#__):not(#___) .cadmin caption {
16047
16380
  color: #272833;
16048
- padding-bottom: 12px;
16049
- padding-top: 12px;
16381
+ padding-bottom: 8px 16px;
16382
+ padding-top: 8px 16px;
16050
16383
  text-align: left;
16051
16384
  }
16052
16385
  html:not(#__):not(#___) .cadmin .table-head-title .inline-item-before {
@@ -16061,6 +16394,7 @@ html:not(#__):not(#___) .cadmin .table-head-title .inline-item-after {
16061
16394
  margin-left: 4px;
16062
16395
  }
16063
16396
  html:not(#__):not(#___) .cadmin .table {
16397
+ background-color: #fff;
16064
16398
  border-spacing: 0;
16065
16399
  color: #272833;
16066
16400
  font-size: 14px;
@@ -16072,10 +16406,9 @@ html:not(#__):not(#___) .cadmin .table thead {
16072
16406
  }
16073
16407
  html:not(#__):not(#___) .cadmin .table thead th,
16074
16408
  html:not(#__):not(#___) .cadmin .table thead td {
16075
- background-color: #fff;
16076
16409
  border-bottom: 0px solid #e7e7ed;
16077
16410
  border-top-width: 0;
16078
- vertical-align: bottom;
16411
+ vertical-align: middle;
16079
16412
  }
16080
16413
  html:not(#__):not(#___) .cadmin .table thead th a[href] {
16081
16414
  border-radius: 1px;
@@ -16102,20 +16435,15 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin .table thead th a[href] {
16102
16435
  html:not(#__):not(#___) .cadmin .table th:first-child,
16103
16436
  html:not(#__):not(#___) .cadmin .table td:first-child,
16104
16437
  html:not(#__):not(#___) .cadmin .table .table-column-start {
16105
- padding-left: 12px;
16106
- }
16107
- html:not(#__):not(#___) .cadmin .table th:last-child,
16108
- html:not(#__):not(#___) .cadmin .table td:last-child,
16109
- html:not(#__):not(#___) .cadmin .table .table-column-end {
16110
- padding-right: 12px;
16438
+ padding-left: 20px;
16111
16439
  }
16112
16440
  html:not(#__):not(#___) .cadmin .table th {
16113
16441
  background-clip: padding-box;
16114
16442
  border-top: 1px solid #e7e7ed;
16115
16443
  color: #6b6c7e;
16116
16444
  font-weight: 600;
16117
- height: 36px;
16118
- padding: 12px;
16445
+ height: 56px;
16446
+ padding: 8px 16px;
16119
16447
  position: relative;
16120
16448
  vertical-align: top;
16121
16449
  }
@@ -16127,57 +16455,42 @@ html:not(#__):not(#___) .cadmin .table td {
16127
16455
  border-right-width: 0;
16128
16456
  border-style: solid;
16129
16457
  border-top-width: 1px;
16130
- padding: 12px;
16458
+ height: 56px;
16459
+ padding: 8px 16px;
16131
16460
  position: relative;
16132
16461
  vertical-align: middle;
16133
16462
  }
16134
- html:not(#__):not(#___) .cadmin .table tbody {
16135
- background-color: #fff;
16136
- }
16137
- html:not(#__):not(#___) .cadmin .table tbody th,
16138
- html:not(#__):not(#___) .cadmin .table tbody td {
16139
- background-color: #fff;
16140
- }
16141
16463
  html:not(#__):not(#___) .cadmin .table tbody + tbody {
16142
16464
  border-top: 2px solid #e7e7ed;
16143
16465
  }
16144
- html:not(#__):not(#___) .cadmin .table tfoot {
16145
- background-color: #fff;
16146
- }
16147
- html:not(#__):not(#___) .cadmin .table tfoot th,
16148
- html:not(#__):not(#___) .cadmin .table tfoot td {
16149
- background-color: #fff;
16150
- }
16151
16466
  html:not(#__):not(#___) .cadmin .table caption {
16152
16467
  caption-side: top;
16153
- padding-left: 12px;
16154
- padding-right: 12px;
16468
+ padding-left: 16px;
16469
+ padding-right: 16px;
16155
16470
  }
16156
16471
  html:not(#__):not(#___) .cadmin .table .table-divider th,
16157
16472
  html:not(#__):not(#___) .cadmin .table .table-divider td {
16158
- background-color: #f7f8f9;
16473
+ background-color: #f1f2f5;
16159
16474
  color: #6b6c7e;
16160
16475
  font-size: 12px;
16161
16476
  font-weight: 600;
16162
- padding: 7px 12px;
16477
+ height: 34px;
16478
+ line-height: 17px;
16479
+ padding: 8px 16px 8px 20px;
16163
16480
  text-transform: uppercase;
16164
16481
  }
16165
16482
  html:not(#__):not(#___) .cadmin .table .table-active {
16166
16483
  background-color: #f0f5ff;
16167
16484
  }
16168
- html:not(#__):not(#___) .cadmin .table .table-active th,
16169
- html:not(#__):not(#___) .cadmin .table .table-active td {
16170
- background-color: #f0f5ff;
16171
- }
16172
16485
  html:not(#__):not(#___) .cadmin .table .table-active .quick-action-menu {
16173
16486
  background-color: #f1f2f5;
16174
16487
  }
16175
16488
  html:not(#__):not(#___) .cadmin .table .table-disabled {
16489
+ background-color: #fff;
16176
16490
  color: #a7a9bc;
16177
16491
  }
16178
16492
  html:not(#__):not(#___) .cadmin .table .table-disabled th,
16179
16493
  html:not(#__):not(#___) .cadmin .table .table-disabled td {
16180
- background-color: #fff;
16181
16494
  cursor: not-allowed;
16182
16495
  }
16183
16496
  html:not(#__):not(#___) .cadmin .table .table-disabled th a[href],
@@ -16193,8 +16506,8 @@ html:not(#__):not(#___) .cadmin .table .table-disabled .table-list-title {
16193
16506
  }
16194
16507
  html:not(#__):not(#___) .cadmin .table .autofit-col {
16195
16508
  justify-content: center;
16196
- padding-left: 12px;
16197
- padding-right: 12px;
16509
+ padding-left: 16px;
16510
+ padding-right: 16px;
16198
16511
  }
16199
16512
  html:not(#__):not(#___) .cadmin .table .autofit-col:first-child {
16200
16513
  padding-left: 0;
@@ -16218,15 +16531,25 @@ html:not(#__):not(#___) .cadmin .table .form-check {
16218
16531
  html:not(#__):not(#___) .cadmin .table .quick-action-menu {
16219
16532
  align-items: flex-start;
16220
16533
  background-color: #fff;
16221
- padding-bottom: 12px;
16222
- padding-top: 12px;
16534
+ padding-bottom: 8px;
16535
+ padding-top: 8px;
16223
16536
  }
16224
16537
  html:not(#__):not(#___) .cadmin .table-caption-bottom caption {
16225
16538
  caption-side: bottom;
16226
16539
  }
16540
+ html:not(#__):not(#___) .cadmin .table-lg th,
16541
+ html:not(#__):not(#___) .cadmin .table-lg td {
16542
+ padding: 17px;
16543
+ }
16544
+ html:not(#__):not(#___) .cadmin .table-md th,
16545
+ html:not(#__):not(#___) .cadmin .table-md td {
16546
+ height: 48px;
16547
+ padding: 6px 16px;
16548
+ }
16227
16549
  html:not(#__):not(#___) .cadmin .table-sm th,
16228
16550
  html:not(#__):not(#___) .cadmin .table-sm td {
16229
- padding: 4.8px;
16551
+ height: 32px;
16552
+ padding: 4px 16px;
16230
16553
  }
16231
16554
  html:not(#__):not(#___) .cadmin .table-bordered {
16232
16555
  border: 1px solid #e7e7ed;
@@ -16239,25 +16562,29 @@ html:not(#__):not(#___) .cadmin .table-bordered th,
16239
16562
  html:not(#__):not(#___) .cadmin .table-bordered td {
16240
16563
  border: 1px solid #e7e7ed;
16241
16564
  }
16565
+ html:not(#__):not(#___) .cadmin .table-head-bordered thead th,
16566
+ html:not(#__):not(#___) .cadmin .table-head-bordered thead td {
16567
+ border-left: 1px solid #e7e7ed;
16568
+ }
16569
+ html:not(#__):not(#___) .cadmin .table-head-bordered thead th:first-child,
16570
+ html:not(#__):not(#___) .cadmin .table-head-bordered thead td:first-child {
16571
+ border-left-width: 0;
16572
+ }
16242
16573
  html:not(#__):not(#___) .cadmin .table-borderless th,
16243
16574
  html:not(#__):not(#___) .cadmin .table-borderless td,
16244
16575
  html:not(#__):not(#___) .cadmin .table-borderless thead th,
16245
16576
  html:not(#__):not(#___) .cadmin .table-borderless tbody + tbody {
16246
16577
  border: 0;
16247
16578
  }
16248
- html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd) td,
16249
- html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd) th {
16579
+ html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
16580
+ html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td,
16581
+ html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th {
16250
16582
  background-color: #f7f8f9;
16251
16583
  }
16252
16584
  html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover {
16253
16585
  background-color: #f0f5ff;
16254
16586
  color: #272833;
16255
16587
  }
16256
- html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover th,
16257
- html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover td {
16258
- background-color: #f0f5ff;
16259
- color: #272833;
16260
- }
16261
16588
  html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover .quick-action-menu {
16262
16589
  background-color: #f0f5ff;
16263
16590
  }
@@ -16267,13 +16594,44 @@ html:not(#__):not(#___) .cadmin .table-hover .table-active:hover .quick-action-m
16267
16594
  html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover {
16268
16595
  background-color: #fff;
16269
16596
  }
16270
- html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover th,
16271
- html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover td {
16272
- background-color: #fff;
16597
+ html:not(#__):not(#___) .cadmin tr.table-focus td::before {
16598
+ box-shadow: inset 0 2px 0 0 #528eff, inset 0 4px 0 0 #fff, inset 0 -2px 0 0 #528eff, inset 0 -4px 0 0 #fff;
16599
+ content: "";
16600
+ display: block;
16601
+ position: absolute;
16602
+ left: -1px;
16603
+ right: -1px;
16604
+ top: -1px;
16605
+ bottom: -1px;
16606
+ pointer-events: none;
16607
+ z-index: 1;
16273
16608
  }
16274
- html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) td,
16275
- html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) th {
16276
- background-color: #fff;
16609
+ html:not(#__):not(#___) .cadmin tr.table-focus td:first-child::after {
16610
+ box-shadow: inset 2px 0 0 0 #528eff, inset 4px 0 0 0 #fff;
16611
+ content: "";
16612
+ display: block;
16613
+ position: absolute;
16614
+ pointer-events: none;
16615
+ top: 1px;
16616
+ bottom: 1px;
16617
+ left: -1px;
16618
+ z-index: 1;
16619
+ width: 4px;
16620
+ }
16621
+ html:not(#__):not(#___) .cadmin tr.table-focus td:last-child::after {
16622
+ box-shadow: inset -2px 0 0 0 #528eff, inset -4px 0 0 0 #fff;
16623
+ content: "";
16624
+ display: block;
16625
+ position: absolute;
16626
+ pointer-events: none;
16627
+ top: 1px;
16628
+ bottom: 1px;
16629
+ right: -1px;
16630
+ z-index: 1;
16631
+ width: 4px;
16632
+ }
16633
+ html:not(#__):not(#___) .cadmin td.table-focus {
16634
+ box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
16277
16635
  }
16278
16636
  html:not(#__):not(#___) .cadmin .table .thead-dark th {
16279
16637
  background-color: #393a4a;
@@ -16297,7 +16655,9 @@ html:not(#__):not(#___) .cadmin .table-dark thead th {
16297
16655
  html:not(#__):not(#___) .cadmin .table-dark.table-bordered {
16298
16656
  border-width: 0;
16299
16657
  }
16300
- html:not(#__):not(#___) .cadmin .table-dark.table-striped tbody tr:nth-of-type(odd) {
16658
+ html:not(#__):not(#___) .cadmin .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
16659
+ html:not(#__):not(#___) .cadmin .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
16660
+ html:not(#__):not(#___) .cadmin .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
16301
16661
  background-color: rgba(255, 255, 255, 0.05);
16302
16662
  }
16303
16663
  html:not(#__):not(#___) .cadmin .table-dark.table-hover tbody tr:hover {
@@ -16469,7 +16829,6 @@ html:not(#__):not(#___) .cadmin .table-list thead {
16469
16829
  }
16470
16830
  html:not(#__):not(#___) .cadmin .table-list thead th,
16471
16831
  html:not(#__):not(#___) .cadmin .table-list thead td {
16472
- background-color: #fff;
16473
16832
  border-bottom-width: 0;
16474
16833
  }
16475
16834
  html:not(#__):not(#___) .cadmin .table-list th,
@@ -16541,7 +16900,6 @@ html:not(#__):not(#___) .cadmin .table-list tbody {
16541
16900
  }
16542
16901
  html:not(#__):not(#___) .cadmin .table-list tbody th,
16543
16902
  html:not(#__):not(#___) .cadmin .table-list tbody td {
16544
- background-color: #fff;
16545
16903
  vertical-align: middle;
16546
16904
  }
16547
16905
  html:not(#__):not(#___) .cadmin .table-list tfoot {
@@ -16549,23 +16907,18 @@ html:not(#__):not(#___) .cadmin .table-list tfoot {
16549
16907
  }
16550
16908
  html:not(#__):not(#___) .cadmin .table-list tfoot th,
16551
16909
  html:not(#__):not(#___) .cadmin .table-list tfoot td {
16552
- background-color: #fff;
16553
16910
  vertical-align: middle;
16554
16911
  }
16555
16912
  html:not(#__):not(#___) .cadmin .table-list .table-divider th,
16556
16913
  html:not(#__):not(#___) .cadmin .table-list .table-divider td {
16557
- padding-bottom: 7px;
16558
- padding-left: 12px;
16559
- padding-right: 12px;
16560
- padding-top: 7px;
16914
+ padding-bottom: 8px;
16915
+ padding-left: 20px;
16916
+ padding-right: 16px;
16917
+ padding-top: 8px;
16561
16918
  }
16562
16919
  html:not(#__):not(#___) .cadmin .table-list .table-active {
16563
16920
  background-color: #f0f5ff;
16564
16921
  }
16565
- html:not(#__):not(#___) .cadmin .table-list .table-active th,
16566
- html:not(#__):not(#___) .cadmin .table-list .table-active td {
16567
- background-color: #f0f5ff;
16568
- }
16569
16922
  html:not(#__):not(#___) .cadmin .table-list .table-active .quick-action-menu {
16570
16923
  background-color: #f0f5ff;
16571
16924
  }
@@ -16573,11 +16926,6 @@ html:not(#__):not(#___) .cadmin .table-list .table-disabled {
16573
16926
  background-color: #fff;
16574
16927
  color: #a7a9bc;
16575
16928
  }
16576
- html:not(#__):not(#___) .cadmin .table-list .table-disabled th,
16577
- html:not(#__):not(#___) .cadmin .table-list .table-disabled td {
16578
- background-color: #fff;
16579
- color: #a7a9bc;
16580
- }
16581
16929
  html:not(#__):not(#___) .cadmin .table-list .table-disabled th a[href],
16582
16930
  html:not(#__):not(#___) .cadmin .table-list .table-disabled td a[href] {
16583
16931
  color: #a7a9bc;
@@ -16608,27 +16956,20 @@ html:not(#__):not(#___) .cadmin .table.table-list.table-bordered td:first-child,
16608
16956
  html:not(#__):not(#___) .cadmin .table.table-list.table-bordered .table-column-start {
16609
16957
  border-left-width: 0;
16610
16958
  }
16611
- html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(odd) td,
16612
- html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(odd) th {
16959
+ html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
16960
+ html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td,
16961
+ html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th {
16613
16962
  background-color: #f7f8f9;
16614
16963
  }
16615
16964
  html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover {
16616
16965
  background-color: #f0f5ff;
16617
16966
  }
16618
- html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover th,
16619
- html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover td {
16620
- background-color: #f0f5ff;
16621
- }
16622
16967
  html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover .quick-action-menu {
16623
16968
  background-color: #f0f5ff;
16624
16969
  }
16625
16970
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover {
16626
16971
  background-color: #f0f5ff;
16627
16972
  }
16628
- html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover th,
16629
- html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover td {
16630
- background-color: #f0f5ff;
16631
- }
16632
16973
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover .quick-action-menu {
16633
16974
  background-color: #f0f5ff;
16634
16975
  }
@@ -16638,15 +16979,6 @@ html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled {
16638
16979
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled:hover {
16639
16980
  background-color: #fff;
16640
16981
  }
16641
- html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled:hover th,
16642
- html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled:hover td {
16643
- background-color: #fff;
16644
- }
16645
- html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd),
16646
- html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd) td,
16647
- html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd) th {
16648
- background-color: #fff;
16649
- }
16650
16982
  html:not(#__):not(#___) .cadmin .table-list-title {
16651
16983
  color: #272833;
16652
16984
  font-size: 14px;
@@ -16823,16 +17155,6 @@ html:not(#__):not(#___) .cadmin .thead-valign-top thead td,
16823
17155
  html:not(#__):not(#___) .cadmin .thead-valign-top thead th {
16824
17156
  vertical-align: top;
16825
17157
  }
16826
- html:not(#__):not(#___) .cadmin .table-nested-rows th:first-child,
16827
- html:not(#__):not(#___) .cadmin .table-nested-rows td:first-child,
16828
- html:not(#__):not(#___) .cadmin .table-nested-rows .table-column-start {
16829
- padding-left: 20px;
16830
- }
16831
- html:not(#__):not(#___) .cadmin .table-nested-rows th:last-child,
16832
- html:not(#__):not(#___) .cadmin .table-nested-rows td:last-child,
16833
- html:not(#__):not(#___) .cadmin .table-nested-rows .table-column-end {
16834
- padding-right: 20px;
16835
- }
16836
17158
  html:not(#__):not(#___) .cadmin .table-nested-rows .autofit-col {
16837
17159
  padding-left: 2px;
16838
17160
  padding-right: 2px;
@@ -27090,7 +27412,7 @@ html:not(#__):not(#___) .c-prefers-link-underline .cadmin .multi-step-item.disab
27090
27412
  text-decoration: none !important;
27091
27413
  }
27092
27414
 
27093
- html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin {
27415
+ html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin, html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin * {
27094
27416
  letter-spacing: 1px !important;
27095
27417
  }
27096
27418