@clayui/css 3.106.0 → 3.107.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.
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.106.0
3
+ * Clay 3.107.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.0
19
+ * Clay 3.107.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;
@@ -16061,6 +16375,7 @@ html:not(#__):not(#___) .cadmin .table-head-title .inline-item-after {
16061
16375
  margin-left: 4px;
16062
16376
  }
16063
16377
  html:not(#__):not(#___) .cadmin .table {
16378
+ background-color: #fff;
16064
16379
  border-spacing: 0;
16065
16380
  color: #272833;
16066
16381
  font-size: 14px;
@@ -16072,7 +16387,6 @@ html:not(#__):not(#___) .cadmin .table thead {
16072
16387
  }
16073
16388
  html:not(#__):not(#___) .cadmin .table thead th,
16074
16389
  html:not(#__):not(#___) .cadmin .table thead td {
16075
- background-color: #fff;
16076
16390
  border-bottom: 0px solid #e7e7ed;
16077
16391
  border-top-width: 0;
16078
16392
  vertical-align: bottom;
@@ -16131,23 +16445,9 @@ html:not(#__):not(#___) .cadmin .table td {
16131
16445
  position: relative;
16132
16446
  vertical-align: middle;
16133
16447
  }
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
16448
  html:not(#__):not(#___) .cadmin .table tbody + tbody {
16142
16449
  border-top: 2px solid #e7e7ed;
16143
16450
  }
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
16451
  html:not(#__):not(#___) .cadmin .table caption {
16152
16452
  caption-side: top;
16153
16453
  padding-left: 12px;
@@ -16155,7 +16455,6 @@ html:not(#__):not(#___) .cadmin .table caption {
16155
16455
  }
16156
16456
  html:not(#__):not(#___) .cadmin .table .table-divider th,
16157
16457
  html:not(#__):not(#___) .cadmin .table .table-divider td {
16158
- background-color: #f7f8f9;
16159
16458
  color: #6b6c7e;
16160
16459
  font-size: 12px;
16161
16460
  font-weight: 600;
@@ -16165,19 +16464,15 @@ html:not(#__):not(#___) .cadmin .table .table-divider td {
16165
16464
  html:not(#__):not(#___) .cadmin .table .table-active {
16166
16465
  background-color: #f0f5ff;
16167
16466
  }
16168
- html:not(#__):not(#___) .cadmin .table .table-active th,
16169
- html:not(#__):not(#___) .cadmin .table .table-active td {
16170
- background-color: #f0f5ff;
16171
- }
16172
16467
  html:not(#__):not(#___) .cadmin .table .table-active .quick-action-menu {
16173
16468
  background-color: #f1f2f5;
16174
16469
  }
16175
16470
  html:not(#__):not(#___) .cadmin .table .table-disabled {
16471
+ background-color: #fff;
16176
16472
  color: #a7a9bc;
16177
16473
  }
16178
16474
  html:not(#__):not(#___) .cadmin .table .table-disabled th,
16179
16475
  html:not(#__):not(#___) .cadmin .table .table-disabled td {
16180
- background-color: #fff;
16181
16476
  cursor: not-allowed;
16182
16477
  }
16183
16478
  html:not(#__):not(#___) .cadmin .table .table-disabled th a[href],
@@ -16253,11 +16548,6 @@ html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover {
16253
16548
  background-color: #f0f5ff;
16254
16549
  color: #272833;
16255
16550
  }
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
16551
  html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover .quick-action-menu {
16262
16552
  background-color: #f0f5ff;
16263
16553
  }
@@ -16267,9 +16557,44 @@ html:not(#__):not(#___) .cadmin .table-hover .table-active:hover .quick-action-m
16267
16557
  html:not(#__):not(#___) .cadmin .table-hover .table-disabled:hover {
16268
16558
  background-color: #fff;
16269
16559
  }
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;
16560
+ html:not(#__):not(#___) .cadmin tr.table-focus td::before {
16561
+ 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;
16562
+ content: "";
16563
+ display: block;
16564
+ position: absolute;
16565
+ left: -1px;
16566
+ right: -1px;
16567
+ top: -1px;
16568
+ bottom: -1px;
16569
+ pointer-events: none;
16570
+ z-index: 1;
16571
+ }
16572
+ html:not(#__):not(#___) .cadmin tr.table-focus td:first-child::after {
16573
+ box-shadow: inset 2px 0 0 0 #528eff, inset 4px 0 0 0 #fff;
16574
+ content: "";
16575
+ display: block;
16576
+ position: absolute;
16577
+ pointer-events: none;
16578
+ top: 1px;
16579
+ bottom: 1px;
16580
+ left: -1px;
16581
+ z-index: 1;
16582
+ width: 4px;
16583
+ }
16584
+ html:not(#__):not(#___) .cadmin tr.table-focus td:last-child::after {
16585
+ box-shadow: inset -2px 0 0 0 #528eff, inset -4px 0 0 0 #fff;
16586
+ content: "";
16587
+ display: block;
16588
+ position: absolute;
16589
+ pointer-events: none;
16590
+ top: 1px;
16591
+ bottom: 1px;
16592
+ right: -1px;
16593
+ z-index: 1;
16594
+ width: 4px;
16595
+ }
16596
+ html:not(#__):not(#___) .cadmin td.table-focus {
16597
+ box-shadow: inset 0 0 0 2px #528eff, inset 0 0 0 4px #fff;
16273
16598
  }
16274
16599
  html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) td,
16275
16600
  html:not(#__):not(#___) .cadmin .table-striped tbody .table-disabled:nth-of-type(odd) th {
@@ -16469,7 +16794,6 @@ html:not(#__):not(#___) .cadmin .table-list thead {
16469
16794
  }
16470
16795
  html:not(#__):not(#___) .cadmin .table-list thead th,
16471
16796
  html:not(#__):not(#___) .cadmin .table-list thead td {
16472
- background-color: #fff;
16473
16797
  border-bottom-width: 0;
16474
16798
  }
16475
16799
  html:not(#__):not(#___) .cadmin .table-list th,
@@ -16541,7 +16865,6 @@ html:not(#__):not(#___) .cadmin .table-list tbody {
16541
16865
  }
16542
16866
  html:not(#__):not(#___) .cadmin .table-list tbody th,
16543
16867
  html:not(#__):not(#___) .cadmin .table-list tbody td {
16544
- background-color: #fff;
16545
16868
  vertical-align: middle;
16546
16869
  }
16547
16870
  html:not(#__):not(#___) .cadmin .table-list tfoot {
@@ -16549,7 +16872,6 @@ html:not(#__):not(#___) .cadmin .table-list tfoot {
16549
16872
  }
16550
16873
  html:not(#__):not(#___) .cadmin .table-list tfoot th,
16551
16874
  html:not(#__):not(#___) .cadmin .table-list tfoot td {
16552
- background-color: #fff;
16553
16875
  vertical-align: middle;
16554
16876
  }
16555
16877
  html:not(#__):not(#___) .cadmin .table-list .table-divider th,
@@ -16562,10 +16884,6 @@ html:not(#__):not(#___) .cadmin .table-list .table-divider td {
16562
16884
  html:not(#__):not(#___) .cadmin .table-list .table-active {
16563
16885
  background-color: #f0f5ff;
16564
16886
  }
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
16887
  html:not(#__):not(#___) .cadmin .table-list .table-active .quick-action-menu {
16570
16888
  background-color: #f0f5ff;
16571
16889
  }
@@ -16573,11 +16891,6 @@ html:not(#__):not(#___) .cadmin .table-list .table-disabled {
16573
16891
  background-color: #fff;
16574
16892
  color: #a7a9bc;
16575
16893
  }
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
16894
  html:not(#__):not(#___) .cadmin .table-list .table-disabled th a[href],
16582
16895
  html:not(#__):not(#___) .cadmin .table-list .table-disabled td a[href] {
16583
16896
  color: #a7a9bc;
@@ -16615,20 +16928,12 @@ html:not(#__):not(#___) .cadmin .table-list.table-striped tbody tr:nth-of-type(o
16615
16928
  html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover {
16616
16929
  background-color: #f0f5ff;
16617
16930
  }
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
16931
  html:not(#__):not(#___) .cadmin .table-list.table-hover tbody tr:hover .quick-action-menu {
16623
16932
  background-color: #f0f5ff;
16624
16933
  }
16625
16934
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover {
16626
16935
  background-color: #f0f5ff;
16627
16936
  }
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
16937
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-active:hover .quick-action-menu {
16633
16938
  background-color: #f0f5ff;
16634
16939
  }
@@ -16638,10 +16943,6 @@ html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled {
16638
16943
  html:not(#__):not(#___) .cadmin .table-list.table-hover .table-disabled:hover {
16639
16944
  background-color: #fff;
16640
16945
  }
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
16946
  html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd),
16646
16947
  html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd) td,
16647
16948
  html:not(#__):not(#___) .cadmin .table-list.table-striped tbody .table-disabled:nth-of-type(odd) th {
@@ -27090,7 +27391,7 @@ html:not(#__):not(#___) .c-prefers-link-underline .cadmin .multi-step-item.disab
27090
27391
  text-decoration: none !important;
27091
27392
  }
27092
27393
 
27093
- html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin {
27394
+ html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin, html:not(#__):not(#___) .c-prefers-letter-spacing-1 .cadmin * {
27094
27395
  letter-spacing: 1px !important;
27095
27396
  }
27096
27397