@clayui/css 3.39.0 → 3.42.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 (109) hide show
  1. package/lib/css/atlas.css +1127 -1387
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +908 -1138
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1021 -1148
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/filter.svg +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/filter.svg +1 -1
  12. package/src/scss/_mixins.scss +2 -0
  13. package/src/scss/atlas/variables/_alerts.scss +10 -0
  14. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  15. package/src/scss/atlas/variables/_breadcrumbs.scss +4 -2
  16. package/src/scss/atlas/variables/_cards.scss +2 -2
  17. package/src/scss/atlas/variables/_dropdowns.scss +179 -12
  18. package/src/scss/atlas/variables/_forms.scss +33 -1
  19. package/src/scss/atlas/variables/_globals.scss +13 -0
  20. package/src/scss/atlas/variables/_labels.scss +88 -56
  21. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  22. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  23. package/src/scss/atlas/variables/_navs.scss +20 -8
  24. package/src/scss/atlas/variables/_pagination.scss +4 -2
  25. package/src/scss/atlas/variables/_sheets.scss +4 -2
  26. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  27. package/src/scss/atlas/variables/_tables.scss +58 -28
  28. package/src/scss/cadmin/components/_alerts.scss +1 -17
  29. package/src/scss/cadmin/components/_cards.scss +12 -14
  30. package/src/scss/cadmin/components/_dropdowns.scss +66 -196
  31. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  32. package/src/scss/cadmin/components/_icons.scss +1 -6
  33. package/src/scss/cadmin/components/_input-groups.scss +17 -14
  34. package/src/scss/cadmin/components/_pagination.scss +20 -236
  35. package/src/scss/cadmin/components/_popovers.scss +31 -252
  36. package/src/scss/cadmin/components/_reboot.scss +1 -8
  37. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  38. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  39. package/src/scss/cadmin/components/_type.scss +9 -1
  40. package/src/scss/cadmin/variables/_alerts.scss +35 -11
  41. package/src/scss/cadmin/variables/_breadcrumbs.scss +10 -6
  42. package/src/scss/cadmin/variables/_cards.scss +91 -23
  43. package/src/scss/cadmin/variables/_dropdowns.scss +440 -71
  44. package/src/scss/cadmin/variables/_forms.scss +353 -2
  45. package/src/scss/cadmin/variables/_globals.scss +14 -0
  46. package/src/scss/cadmin/variables/_icons.scss +15 -2
  47. package/src/scss/cadmin/variables/_labels.scss +104 -72
  48. package/src/scss/cadmin/variables/_links.scss +9 -7
  49. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  50. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  51. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  52. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  53. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  54. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  55. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  56. package/src/scss/cadmin/variables/_type.scss +3 -0
  57. package/src/scss/components/_alerts.scss +5 -17
  58. package/src/scss/components/_button-groups.scss +6 -6
  59. package/src/scss/components/_cards.scss +5 -5
  60. package/src/scss/components/_dropdowns.scss +52 -200
  61. package/src/scss/components/_form-validation.scss +8 -237
  62. package/src/scss/components/_forms.scss +61 -4
  63. package/src/scss/components/_icons.scss +4 -9
  64. package/src/scss/components/_input-groups.scss +17 -14
  65. package/src/scss/components/_multi-step-nav.scss +12 -8
  66. package/src/scss/components/_pagination.scss +18 -234
  67. package/src/scss/components/_popovers.scss +30 -237
  68. package/src/scss/components/_reboot.scss +3 -39
  69. package/src/scss/components/_toggle-switch.scss +36 -351
  70. package/src/scss/components/_tooltip.scss +29 -164
  71. package/src/scss/components/_type.scss +9 -1
  72. package/src/scss/functions/_global-functions.scss +18 -0
  73. package/src/scss/functions/_lx-icons-generated.scss +1 -1
  74. package/src/scss/mixins/_alerts.scss +25 -0
  75. package/src/scss/mixins/_buttons.scss +827 -384
  76. package/src/scss/mixins/_cards.scss +610 -114
  77. package/src/scss/mixins/_close.scss +0 -1
  78. package/src/scss/mixins/_custom-forms.scss +46 -34
  79. package/src/scss/mixins/_dropdown-menu.scss +139 -53
  80. package/src/scss/mixins/_forms.scss +686 -252
  81. package/src/scss/mixins/_globals.scss +244 -234
  82. package/src/scss/mixins/_labels.scss +1 -1
  83. package/src/scss/mixins/_links.scss +795 -329
  84. package/src/scss/mixins/_navbar.scss +759 -140
  85. package/src/scss/mixins/_pagination.scss +422 -0
  86. package/src/scss/mixins/_popovers.scss +90 -0
  87. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  88. package/src/scss/mixins/_tooltip.scss +70 -0
  89. package/src/scss/variables/_alerts.scss +34 -10
  90. package/src/scss/variables/_application-bar.scss +18 -6
  91. package/src/scss/variables/_breadcrumbs.scss +8 -4
  92. package/src/scss/variables/_cards.scss +40 -2
  93. package/src/scss/variables/_dropdowns.scss +570 -62
  94. package/src/scss/variables/_forms.scss +303 -1
  95. package/src/scss/variables/_globals.scss +53 -0
  96. package/src/scss/variables/_icons.scss +60 -9
  97. package/src/scss/variables/_labels.scss +120 -88
  98. package/src/scss/variables/_links.scss +15 -13
  99. package/src/scss/variables/_management-bar.scss +45 -12
  100. package/src/scss/variables/_navigation-bar.scss +95 -14
  101. package/src/scss/variables/_navs.scss +33 -13
  102. package/src/scss/variables/_pagination.scss +267 -65
  103. package/src/scss/variables/_popovers.scss +392 -0
  104. package/src/scss/variables/_sheets.scss +4 -2
  105. package/src/scss/variables/_sidebar.scss +17 -5
  106. package/src/scss/variables/_tables.scss +24 -8
  107. package/src/scss/variables/_toggle-switch.scss +404 -5
  108. package/src/scss/variables/_tooltip.scss +299 -0
  109. package/src/scss/variables/_type.scss +3 -0
package/lib/css/base.css CHANGED
@@ -154,14 +154,12 @@ sup {
154
154
 
155
155
  a {
156
156
  color: #007bff;
157
- cursor: pointer;
158
157
  text-decoration: none;
159
158
  }
160
159
  a:hover {
161
160
  color: #0056b3;
162
161
  text-decoration: underline;
163
162
  }
164
-
165
163
  pre,
166
164
  code,
167
165
  kbd,
@@ -538,7 +536,6 @@ mark:before,
538
536
  .c-kbd-group-sm {
539
537
  font-size: 0.75rem;
540
538
  }
541
-
542
539
  .c-kbd-lg,
543
540
  .c-kbd.c-kbd-lg {
544
541
  font-size: 1rem;
@@ -547,7 +544,6 @@ mark:before,
547
544
  .c-kbd-group-lg {
548
545
  font-size: 1rem;
549
546
  }
550
-
551
547
  .c-kbd-group-light {
552
548
  color: #6c757d;
553
549
  }
@@ -1371,7 +1367,7 @@ input[type=button].btn-block {
1371
1367
  .btn-primary:active:focus {
1372
1368
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
1373
1369
  }
1374
- [aria-expanded=true].btn-primary, .active.btn-primary, .show.btn-primary, .show > .dropdown-toggle.btn-primary {
1370
+ .active.btn-primary {
1375
1371
  background-color: #0062cc;
1376
1372
  border-color: #005cbf;
1377
1373
  color: #fff;
@@ -1381,6 +1377,11 @@ input[type=button].btn-block {
1381
1377
  border-color: #007bff;
1382
1378
  color: #fff;
1383
1379
  }
1380
+ [aria-expanded=true].btn-primary, .show.btn-primary {
1381
+ background-color: #0062cc;
1382
+ border-color: #005cbf;
1383
+ color: #fff;
1384
+ }
1384
1385
  .btn-secondary {
1385
1386
  background-color: #6c757d;
1386
1387
  border-color: #6c757d;
@@ -1405,7 +1406,7 @@ input[type=button].btn-block {
1405
1406
  .btn-secondary:active:focus {
1406
1407
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1407
1408
  }
1408
- [aria-expanded=true].btn-secondary, .active.btn-secondary, .show.btn-secondary, .show > .dropdown-toggle.btn-secondary {
1409
+ .active.btn-secondary {
1409
1410
  background-color: #545b62;
1410
1411
  border-color: #4e555b;
1411
1412
  color: #fff;
@@ -1415,6 +1416,11 @@ input[type=button].btn-block {
1415
1416
  border-color: #6c757d;
1416
1417
  color: #fff;
1417
1418
  }
1419
+ [aria-expanded=true].btn-secondary, .show.btn-secondary {
1420
+ background-color: #545b62;
1421
+ border-color: #4e555b;
1422
+ color: #fff;
1423
+ }
1418
1424
  .btn-success {
1419
1425
  background-color: #28a745;
1420
1426
  border-color: #28a745;
@@ -1439,7 +1445,7 @@ input[type=button].btn-block {
1439
1445
  .btn-success:active:focus {
1440
1446
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1441
1447
  }
1442
- [aria-expanded=true].btn-success, .active.btn-success, .show.btn-success, .show > .dropdown-toggle.btn-success {
1448
+ .active.btn-success {
1443
1449
  background-color: #1e7e34;
1444
1450
  border-color: #1c7430;
1445
1451
  color: #fff;
@@ -1449,6 +1455,11 @@ input[type=button].btn-block {
1449
1455
  border-color: #28a745;
1450
1456
  color: #fff;
1451
1457
  }
1458
+ [aria-expanded=true].btn-success, .show.btn-success {
1459
+ background-color: #1e7e34;
1460
+ border-color: #1c7430;
1461
+ color: #fff;
1462
+ }
1452
1463
  .btn-info {
1453
1464
  background-color: #17a2b8;
1454
1465
  border-color: #17a2b8;
@@ -1473,7 +1484,7 @@ input[type=button].btn-block {
1473
1484
  .btn-info:active:focus {
1474
1485
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1475
1486
  }
1476
- [aria-expanded=true].btn-info, .active.btn-info, .show.btn-info, .show > .dropdown-toggle.btn-info {
1487
+ .active.btn-info {
1477
1488
  background-color: #117a8b;
1478
1489
  border-color: #10707f;
1479
1490
  color: #fff;
@@ -1483,6 +1494,11 @@ input[type=button].btn-block {
1483
1494
  border-color: #17a2b8;
1484
1495
  color: #fff;
1485
1496
  }
1497
+ [aria-expanded=true].btn-info, .show.btn-info {
1498
+ background-color: #117a8b;
1499
+ border-color: #10707f;
1500
+ color: #fff;
1501
+ }
1486
1502
  .btn-warning {
1487
1503
  background-color: #ffc107;
1488
1504
  border-color: #ffc107;
@@ -1507,7 +1523,7 @@ input[type=button].btn-block {
1507
1523
  .btn-warning:active:focus {
1508
1524
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1509
1525
  }
1510
- [aria-expanded=true].btn-warning, .active.btn-warning, .show.btn-warning, .show > .dropdown-toggle.btn-warning {
1526
+ .active.btn-warning {
1511
1527
  background-color: #d39e00;
1512
1528
  border-color: #c69500;
1513
1529
  color: #212529;
@@ -1517,6 +1533,11 @@ input[type=button].btn-block {
1517
1533
  border-color: #ffc107;
1518
1534
  color: #212529;
1519
1535
  }
1536
+ [aria-expanded=true].btn-warning, .show.btn-warning {
1537
+ background-color: #d39e00;
1538
+ border-color: #c69500;
1539
+ color: #212529;
1540
+ }
1520
1541
  .btn-danger {
1521
1542
  background-color: #dc3545;
1522
1543
  border-color: #dc3545;
@@ -1541,7 +1562,7 @@ input[type=button].btn-block {
1541
1562
  .btn-danger:active:focus {
1542
1563
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1543
1564
  }
1544
- [aria-expanded=true].btn-danger, .active.btn-danger, .show.btn-danger, .show > .dropdown-toggle.btn-danger {
1565
+ .active.btn-danger {
1545
1566
  background-color: #bd2130;
1546
1567
  border-color: #b21f2d;
1547
1568
  color: #fff;
@@ -1551,6 +1572,11 @@ input[type=button].btn-block {
1551
1572
  border-color: #dc3545;
1552
1573
  color: #fff;
1553
1574
  }
1575
+ [aria-expanded=true].btn-danger, .show.btn-danger {
1576
+ background-color: #bd2130;
1577
+ border-color: #b21f2d;
1578
+ color: #fff;
1579
+ }
1554
1580
  .btn-light {
1555
1581
  background-color: #f8f9fa;
1556
1582
  border-color: #f8f9fa;
@@ -1575,7 +1601,7 @@ input[type=button].btn-block {
1575
1601
  .btn-light:active:focus {
1576
1602
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1577
1603
  }
1578
- [aria-expanded=true].btn-light, .active.btn-light, .show.btn-light, .show > .dropdown-toggle.btn-light {
1604
+ .active.btn-light {
1579
1605
  background-color: #dae0e5;
1580
1606
  border-color: #d3d9df;
1581
1607
  color: #212529;
@@ -1585,6 +1611,11 @@ input[type=button].btn-block {
1585
1611
  border-color: #f8f9fa;
1586
1612
  color: #212529;
1587
1613
  }
1614
+ [aria-expanded=true].btn-light, .show.btn-light {
1615
+ background-color: #dae0e5;
1616
+ border-color: #d3d9df;
1617
+ color: #212529;
1618
+ }
1588
1619
  .btn-dark {
1589
1620
  background-color: #343a40;
1590
1621
  border-color: #343a40;
@@ -1609,7 +1640,7 @@ input[type=button].btn-block {
1609
1640
  .btn-dark:active:focus {
1610
1641
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1611
1642
  }
1612
- [aria-expanded=true].btn-dark, .active.btn-dark, .show.btn-dark, .show > .dropdown-toggle.btn-dark {
1643
+ .active.btn-dark {
1613
1644
  background-color: #1d2124;
1614
1645
  border-color: #171a1d;
1615
1646
  color: #fff;
@@ -1619,6 +1650,11 @@ input[type=button].btn-block {
1619
1650
  border-color: #343a40;
1620
1651
  color: #fff;
1621
1652
  }
1653
+ [aria-expanded=true].btn-dark, .show.btn-dark {
1654
+ background-color: #1d2124;
1655
+ border-color: #171a1d;
1656
+ color: #fff;
1657
+ }
1622
1658
  .btn-link {
1623
1659
  border-radius: 1px;
1624
1660
  color: #007bff;
@@ -1658,7 +1694,7 @@ input[type=button].btn-block {
1658
1694
  border-color: #007bff;
1659
1695
  color: #fff;
1660
1696
  }
1661
- [aria-expanded=true].btn-outline-primary, .active.btn-outline-primary, .show.btn-outline-primary, .show > .dropdown-toggle.btn-outline-primary {
1697
+ .active.btn-outline-primary {
1662
1698
  background-color: #007bff;
1663
1699
  border-color: #007bff;
1664
1700
  color: #fff;
@@ -1667,6 +1703,11 @@ input[type=button].btn-block {
1667
1703
  background-color: transparent;
1668
1704
  color: #007bff;
1669
1705
  }
1706
+ [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1707
+ background-color: #007bff;
1708
+ border-color: #007bff;
1709
+ color: #fff;
1710
+ }
1670
1711
  .btn-outline-secondary {
1671
1712
  border-color: #6c757d;
1672
1713
  color: #6c757d;
@@ -1687,7 +1728,7 @@ input[type=button].btn-block {
1687
1728
  .btn-outline-secondary:active:focus {
1688
1729
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1689
1730
  }
1690
- [aria-expanded=true].btn-outline-secondary, .active.btn-outline-secondary, .show.btn-outline-secondary, .show > .dropdown-toggle.btn-outline-secondary {
1731
+ .active.btn-outline-secondary {
1691
1732
  background-color: #6c757d;
1692
1733
  border-color: #6c757d;
1693
1734
  color: #fff;
@@ -1696,6 +1737,11 @@ input[type=button].btn-block {
1696
1737
  background-color: transparent;
1697
1738
  color: #6c757d;
1698
1739
  }
1740
+ [aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
1741
+ background-color: #6c757d;
1742
+ border-color: #6c757d;
1743
+ color: #fff;
1744
+ }
1699
1745
  .btn-outline-success {
1700
1746
  border-color: #28a745;
1701
1747
  color: #28a745;
@@ -1716,7 +1762,7 @@ input[type=button].btn-block {
1716
1762
  .btn-outline-success:active:focus {
1717
1763
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1718
1764
  }
1719
- [aria-expanded=true].btn-outline-success, .active.btn-outline-success, .show.btn-outline-success, .show > .dropdown-toggle.btn-outline-success {
1765
+ .active.btn-outline-success {
1720
1766
  background-color: #28a745;
1721
1767
  border-color: #28a745;
1722
1768
  color: #fff;
@@ -1725,6 +1771,11 @@ input[type=button].btn-block {
1725
1771
  background-color: transparent;
1726
1772
  color: #28a745;
1727
1773
  }
1774
+ [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
1775
+ background-color: #28a745;
1776
+ border-color: #28a745;
1777
+ color: #fff;
1778
+ }
1728
1779
  .btn-outline-info {
1729
1780
  border-color: #17a2b8;
1730
1781
  color: #17a2b8;
@@ -1745,7 +1796,7 @@ input[type=button].btn-block {
1745
1796
  .btn-outline-info:active:focus {
1746
1797
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1747
1798
  }
1748
- [aria-expanded=true].btn-outline-info, .active.btn-outline-info, .show.btn-outline-info, .show > .dropdown-toggle.btn-outline-info {
1799
+ .active.btn-outline-info {
1749
1800
  background-color: #17a2b8;
1750
1801
  border-color: #17a2b8;
1751
1802
  color: #fff;
@@ -1754,6 +1805,11 @@ input[type=button].btn-block {
1754
1805
  background-color: transparent;
1755
1806
  color: #17a2b8;
1756
1807
  }
1808
+ [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
1809
+ background-color: #17a2b8;
1810
+ border-color: #17a2b8;
1811
+ color: #fff;
1812
+ }
1757
1813
  .btn-outline-warning {
1758
1814
  border-color: #ffc107;
1759
1815
  color: #ffc107;
@@ -1774,7 +1830,7 @@ input[type=button].btn-block {
1774
1830
  .btn-outline-warning:active:focus {
1775
1831
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1776
1832
  }
1777
- [aria-expanded=true].btn-outline-warning, .active.btn-outline-warning, .show.btn-outline-warning, .show > .dropdown-toggle.btn-outline-warning {
1833
+ .active.btn-outline-warning {
1778
1834
  background-color: #ffc107;
1779
1835
  border-color: #ffc107;
1780
1836
  color: #212529;
@@ -1783,6 +1839,11 @@ input[type=button].btn-block {
1783
1839
  background-color: transparent;
1784
1840
  color: #ffc107;
1785
1841
  }
1842
+ [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
1843
+ background-color: #ffc107;
1844
+ border-color: #ffc107;
1845
+ color: #212529;
1846
+ }
1786
1847
  .btn-outline-danger {
1787
1848
  border-color: #dc3545;
1788
1849
  color: #dc3545;
@@ -1803,7 +1864,7 @@ input[type=button].btn-block {
1803
1864
  .btn-outline-danger:active:focus {
1804
1865
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1805
1866
  }
1806
- [aria-expanded=true].btn-outline-danger, .active.btn-outline-danger, .show.btn-outline-danger, .show > .dropdown-toggle.btn-outline-danger {
1867
+ .active.btn-outline-danger {
1807
1868
  background-color: #dc3545;
1808
1869
  border-color: #dc3545;
1809
1870
  color: #fff;
@@ -1812,6 +1873,11 @@ input[type=button].btn-block {
1812
1873
  background-color: transparent;
1813
1874
  color: #dc3545;
1814
1875
  }
1876
+ [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
1877
+ background-color: #dc3545;
1878
+ border-color: #dc3545;
1879
+ color: #fff;
1880
+ }
1815
1881
  .btn-outline-light {
1816
1882
  border-color: #f8f9fa;
1817
1883
  color: #f8f9fa;
@@ -1832,7 +1898,7 @@ input[type=button].btn-block {
1832
1898
  .btn-outline-light:active:focus {
1833
1899
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1834
1900
  }
1835
- [aria-expanded=true].btn-outline-light, .active.btn-outline-light, .show.btn-outline-light, .show > .dropdown-toggle.btn-outline-light {
1901
+ .active.btn-outline-light {
1836
1902
  background-color: #f8f9fa;
1837
1903
  border-color: #f8f9fa;
1838
1904
  color: #212529;
@@ -1841,6 +1907,11 @@ input[type=button].btn-block {
1841
1907
  background-color: transparent;
1842
1908
  color: #f8f9fa;
1843
1909
  }
1910
+ [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
1911
+ background-color: #f8f9fa;
1912
+ border-color: #f8f9fa;
1913
+ color: #212529;
1914
+ }
1844
1915
  .btn-outline-dark {
1845
1916
  border-color: #343a40;
1846
1917
  color: #343a40;
@@ -1861,7 +1932,7 @@ input[type=button].btn-block {
1861
1932
  .btn-outline-dark:active:focus {
1862
1933
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1863
1934
  }
1864
- [aria-expanded=true].btn-outline-dark, .active.btn-outline-dark, .show.btn-outline-dark, .show > .dropdown-toggle.btn-outline-dark {
1935
+ .active.btn-outline-dark {
1865
1936
  background-color: #343a40;
1866
1937
  border-color: #343a40;
1867
1938
  color: #fff;
@@ -1870,6 +1941,11 @@ input[type=button].btn-block {
1870
1941
  background-color: transparent;
1871
1942
  color: #343a40;
1872
1943
  }
1944
+ [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
1945
+ background-color: #343a40;
1946
+ border-color: #343a40;
1947
+ color: #fff;
1948
+ }
1873
1949
  .btn-outline-borderless {
1874
1950
  border-color: transparent;
1875
1951
  }
@@ -3280,6 +3356,9 @@ input[type=button].btn-block {
3280
3356
  padding-right: calc( 2.5rem + 15px );
3281
3357
  position: relative;
3282
3358
  }
3359
+ .alert-fluid .close {
3360
+ right: calc(15px + 0.25rem);
3361
+ }
3283
3362
  .alert-fluid .container,
3284
3363
  .alert-fluid .container-fluid {
3285
3364
  padding-bottom: 0.75rem;
@@ -3287,9 +3366,6 @@ input[type=button].btn-block {
3287
3366
  padding-right: 1.25rem;
3288
3367
  padding-top: 0.75rem;
3289
3368
  }
3290
- .alert-fluid .close {
3291
- right: calc(15px + 0.25rem);
3292
- }
3293
3369
  .alert-container {
3294
3370
  height: 0;
3295
3371
  position: relative;
@@ -3557,7 +3633,11 @@ input[type=button].btn-block {
3557
3633
  background-color: #006fe6;
3558
3634
  border-color: #006fe6;
3559
3635
  }
3560
- .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.active, .alert-primary .alert-btn.show, .show > .alert-primary .alert-btn.dropdown-toggle {
3636
+ .alert-primary .alert-btn.active {
3637
+ background-color: #006fe6;
3638
+ border-color: #006fe6;
3639
+ }
3640
+ .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
3561
3641
  background-color: #006fe6;
3562
3642
  border-color: #006fe6;
3563
3643
  }
@@ -3582,7 +3662,11 @@ input[type=button].btn-block {
3582
3662
  background-color: #60686f;
3583
3663
  border-color: #60686f;
3584
3664
  }
3585
- .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.active, .alert-secondary .alert-btn.show, .show > .alert-secondary .alert-btn.dropdown-toggle {
3665
+ .alert-secondary .alert-btn.active {
3666
+ background-color: #60686f;
3667
+ border-color: #60686f;
3668
+ }
3669
+ .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
3586
3670
  background-color: #60686f;
3587
3671
  border-color: #60686f;
3588
3672
  }
@@ -3607,7 +3691,11 @@ input[type=button].btn-block {
3607
3691
  background-color: #23923d;
3608
3692
  border-color: #23923d;
3609
3693
  }
3610
- .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.active, .alert-success .alert-btn.show, .show > .alert-success .alert-btn.dropdown-toggle {
3694
+ .alert-success .alert-btn.active {
3695
+ background-color: #23923d;
3696
+ border-color: #23923d;
3697
+ }
3698
+ .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show {
3611
3699
  background-color: #23923d;
3612
3700
  border-color: #23923d;
3613
3701
  }
@@ -3632,7 +3720,11 @@ input[type=button].btn-block {
3632
3720
  background-color: #148ea1;
3633
3721
  border-color: #148ea1;
3634
3722
  }
3635
- .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.active, .alert-info .alert-btn.show, .show > .alert-info .alert-btn.dropdown-toggle {
3723
+ .alert-info .alert-btn.active {
3724
+ background-color: #148ea1;
3725
+ border-color: #148ea1;
3726
+ }
3727
+ .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.show {
3636
3728
  background-color: #148ea1;
3637
3729
  border-color: #148ea1;
3638
3730
  }
@@ -3654,7 +3746,11 @@ input[type=button].btn-block {
3654
3746
  background-color: #edb100;
3655
3747
  border-color: #edb100;
3656
3748
  }
3657
- .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.active, .alert-warning .alert-btn.show, .show > .alert-warning .alert-btn.dropdown-toggle {
3749
+ .alert-warning .alert-btn.active {
3750
+ background-color: #edb100;
3751
+ border-color: #edb100;
3752
+ }
3753
+ .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show {
3658
3754
  background-color: #edb100;
3659
3755
  border-color: #edb100;
3660
3756
  }
@@ -3676,7 +3772,11 @@ input[type=button].btn-block {
3676
3772
  background-color: #d32535;
3677
3773
  border-color: #d32535;
3678
3774
  }
3679
- .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.active, .alert-danger .alert-btn.show, .show > .alert-danger .alert-btn.dropdown-toggle {
3775
+ .alert-danger .alert-btn.active {
3776
+ background-color: #d32535;
3777
+ border-color: #d32535;
3778
+ }
3779
+ .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show {
3680
3780
  background-color: #d32535;
3681
3781
  border-color: #d32535;
3682
3782
  }
@@ -3698,7 +3798,11 @@ input[type=button].btn-block {
3698
3798
  background-color: #60686f;
3699
3799
  border-color: #60686f;
3700
3800
  }
3701
- .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.active, .alert-light .alert-btn.show, .show > .alert-light .alert-btn.dropdown-toggle {
3801
+ .alert-light .alert-btn.active {
3802
+ background-color: #60686f;
3803
+ border-color: #60686f;
3804
+ }
3805
+ .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
3702
3806
  background-color: #60686f;
3703
3807
  border-color: #60686f;
3704
3808
  }
@@ -3720,7 +3824,11 @@ input[type=button].btn-block {
3720
3824
  background-color: #292d32;
3721
3825
  border-color: #292d32;
3722
3826
  }
3723
- .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.active, .alert-dark .alert-btn.show, .show > .alert-dark .alert-btn.dropdown-toggle {
3827
+ .alert-dark .alert-btn.active {
3828
+ background-color: #292d32;
3829
+ border-color: #292d32;
3830
+ }
3831
+ .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
3724
3832
  background-color: #292d32;
3725
3833
  border-color: #292d32;
3726
3834
  }
@@ -4138,18 +4246,18 @@ input[type=button].btn-block {
4138
4246
  }
4139
4247
 
4140
4248
  .dropdown-toggle-split {
4141
- padding-left: 0.5625rem;
4142
- padding-right: 0.5625rem;
4249
+ padding-left: calc(0.75rem * 0.75);
4250
+ padding-right: calc(0.75rem * 0.75);
4143
4251
  }
4144
4252
 
4145
4253
  .btn-sm + .dropdown-toggle-split {
4146
- padding-right: 0.375rem;
4147
- padding-left: 0.375rem;
4254
+ padding-right: calc(0.5rem * 0.75);
4255
+ padding-left: calc(0.5rem * 0.75);
4148
4256
  }
4149
4257
 
4150
4258
  .btn-lg + .dropdown-toggle-split {
4151
- padding-right: 0.75rem;
4152
- padding-left: 0.75rem;
4259
+ padding-right: calc(1rem * 0.75);
4260
+ padding-left: calc(1rem * 0.75);
4153
4261
  }
4154
4262
 
4155
4263
  .btn-group-vertical {
@@ -4266,7 +4374,7 @@ input[type=button].btn-block {
4266
4374
  overflow-wrap: break-word;
4267
4375
  word-wrap: break-word;
4268
4376
  }
4269
- .label[href], .label[type], .label[tabindex="0"] {
4377
+ .label[href], .label[type], .label[tabindex] {
4270
4378
  cursor: pointer;
4271
4379
  text-decoration: none;
4272
4380
  }
@@ -4412,11 +4520,11 @@ input[type=button].btn-block {
4412
4520
  border-color: #007bff;
4413
4521
  color: #007bff;
4414
4522
  }
4415
- [href].label-primary:hover, [type].label-primary:hover, [tabindex="0"].label-primary:hover {
4523
+ [href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
4416
4524
  border-color: #0062cc;
4417
4525
  color: #0062cc;
4418
4526
  }
4419
- [href].label-primary:focus, [type].label-primary:focus, [tabindex="0"].label-primary:focus {
4527
+ [href].label-primary:focus, [type].label-primary:focus, [tabindex].label-primary:focus {
4420
4528
  color: #0062cc;
4421
4529
  }
4422
4530
  .label-primary a:hover,
@@ -4434,11 +4542,11 @@ input[type=button].btn-block {
4434
4542
  border-color: #6c757d;
4435
4543
  color: #6c757d;
4436
4544
  }
4437
- [href].label-secondary:hover, [type].label-secondary:hover, [tabindex="0"].label-secondary:hover {
4545
+ [href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
4438
4546
  border-color: #545b62;
4439
4547
  color: #545b62;
4440
4548
  }
4441
- [href].label-secondary:focus, [type].label-secondary:focus, [tabindex="0"].label-secondary:focus {
4549
+ [href].label-secondary:focus, [type].label-secondary:focus, [tabindex].label-secondary:focus {
4442
4550
  color: #545b62;
4443
4551
  }
4444
4552
  .label-secondary a:hover,
@@ -4456,11 +4564,11 @@ input[type=button].btn-block {
4456
4564
  border-color: #28a745;
4457
4565
  color: #28a745;
4458
4566
  }
4459
- [href].label-success:hover, [type].label-success:hover, [tabindex="0"].label-success:hover {
4567
+ [href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
4460
4568
  border-color: #1e7e34;
4461
4569
  color: #1e7e34;
4462
4570
  }
4463
- [href].label-success:focus, [type].label-success:focus, [tabindex="0"].label-success:focus {
4571
+ [href].label-success:focus, [type].label-success:focus, [tabindex].label-success:focus {
4464
4572
  color: #1e7e34;
4465
4573
  }
4466
4574
  .label-success a:hover,
@@ -4478,11 +4586,11 @@ input[type=button].btn-block {
4478
4586
  border-color: #17a2b8;
4479
4587
  color: #17a2b8;
4480
4588
  }
4481
- [href].label-info:hover, [type].label-info:hover, [tabindex="0"].label-info:hover {
4589
+ [href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
4482
4590
  border-color: #117a8b;
4483
4591
  color: #117a8b;
4484
4592
  }
4485
- [href].label-info:focus, [type].label-info:focus, [tabindex="0"].label-info:focus {
4593
+ [href].label-info:focus, [type].label-info:focus, [tabindex].label-info:focus {
4486
4594
  color: #117a8b;
4487
4595
  }
4488
4596
  .label-info a:hover,
@@ -4500,11 +4608,11 @@ input[type=button].btn-block {
4500
4608
  border-color: #ffc107;
4501
4609
  color: #ffc107;
4502
4610
  }
4503
- [href].label-warning:hover, [type].label-warning:hover, [tabindex="0"].label-warning:hover {
4611
+ [href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
4504
4612
  border-color: #d39e00;
4505
4613
  color: #d39e00;
4506
4614
  }
4507
- [href].label-warning:focus, [type].label-warning:focus, [tabindex="0"].label-warning:focus {
4615
+ [href].label-warning:focus, [type].label-warning:focus, [tabindex].label-warning:focus {
4508
4616
  color: #d39e00;
4509
4617
  }
4510
4618
  .label-warning a:hover,
@@ -4522,11 +4630,11 @@ input[type=button].btn-block {
4522
4630
  border-color: #dc3545;
4523
4631
  color: #dc3545;
4524
4632
  }
4525
- [href].label-danger:hover, [type].label-danger:hover, [tabindex="0"].label-danger:hover {
4633
+ [href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
4526
4634
  border-color: #bd2130;
4527
4635
  color: #bd2130;
4528
4636
  }
4529
- [href].label-danger:focus, [type].label-danger:focus, [tabindex="0"].label-danger:focus {
4637
+ [href].label-danger:focus, [type].label-danger:focus, [tabindex].label-danger:focus {
4530
4638
  color: #bd2130;
4531
4639
  }
4532
4640
  .label-danger a:hover,
@@ -4544,11 +4652,11 @@ input[type=button].btn-block {
4544
4652
  border-color: #343a40;
4545
4653
  color: #343a40;
4546
4654
  }
4547
- [href].label-dark:hover, [type].label-dark:hover, [tabindex="0"].label-dark:hover {
4655
+ [href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
4548
4656
  border-color: #1d2124;
4549
4657
  color: #1d2124;
4550
4658
  }
4551
- [href].label-dark:focus, [type].label-dark:focus, [tabindex="0"].label-dark:focus {
4659
+ [href].label-dark:focus, [type].label-dark:focus, [tabindex].label-dark:focus {
4552
4660
  color: #1d2124;
4553
4661
  }
4554
4662
  .label-dark a:hover,
@@ -4566,11 +4674,11 @@ input[type=button].btn-block {
4566
4674
  border-color: #f8f9fa;
4567
4675
  color: #f8f9fa;
4568
4676
  }
4569
- [href].label-light:hover, [type].label-light:hover, [tabindex="0"].label-light:hover {
4677
+ [href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
4570
4678
  border-color: #dae0e5;
4571
4679
  color: #dae0e5;
4572
4680
  }
4573
- [href].label-light:focus, [type].label-light:focus, [tabindex="0"].label-light:focus {
4681
+ [href].label-light:focus, [type].label-light:focus, [tabindex].label-light:focus {
4574
4682
  color: #dae0e5;
4575
4683
  }
4576
4684
  .label-light a:hover,
@@ -4588,7 +4696,7 @@ input[type=button].btn-block {
4588
4696
  border-color: #007bff;
4589
4697
  color: #fff;
4590
4698
  }
4591
- [href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex="0"].label-inverse-primary:hover {
4699
+ [href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
4592
4700
  background-color: #0062cc;
4593
4701
  border-color: #0062cc;
4594
4702
  color: #fff;
@@ -4605,7 +4713,7 @@ input[type=button].btn-block {
4605
4713
  border-color: #6c757d;
4606
4714
  color: #fff;
4607
4715
  }
4608
- [href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex="0"].label-inverse-secondary:hover {
4716
+ [href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
4609
4717
  background-color: #545b62;
4610
4718
  border-color: #545b62;
4611
4719
  color: #fff;
@@ -4622,7 +4730,7 @@ input[type=button].btn-block {
4622
4730
  border-color: #28a745;
4623
4731
  color: #fff;
4624
4732
  }
4625
- [href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex="0"].label-inverse-success:hover {
4733
+ [href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
4626
4734
  background-color: #1e7e34;
4627
4735
  border-color: #1e7e34;
4628
4736
  color: #fff;
@@ -4639,7 +4747,7 @@ input[type=button].btn-block {
4639
4747
  border-color: #17a2b8;
4640
4748
  color: #fff;
4641
4749
  }
4642
- [href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex="0"].label-inverse-info:hover {
4750
+ [href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
4643
4751
  background-color: #117a8b;
4644
4752
  border-color: #117a8b;
4645
4753
  color: #fff;
@@ -4656,7 +4764,7 @@ input[type=button].btn-block {
4656
4764
  border-color: #ffc107;
4657
4765
  color: #212529;
4658
4766
  }
4659
- [href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex="0"].label-inverse-warning:hover {
4767
+ [href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
4660
4768
  background-color: #d39e00;
4661
4769
  border-color: #d39e00;
4662
4770
  color: #212529;
@@ -4673,7 +4781,7 @@ input[type=button].btn-block {
4673
4781
  border-color: #dc3545;
4674
4782
  color: #fff;
4675
4783
  }
4676
- [href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex="0"].label-inverse-danger:hover {
4784
+ [href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
4677
4785
  background-color: #bd2130;
4678
4786
  border-color: #bd2130;
4679
4787
  color: #fff;
@@ -4690,7 +4798,7 @@ input[type=button].btn-block {
4690
4798
  border-color: #f8f9fa;
4691
4799
  color: #212529;
4692
4800
  }
4693
- [href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex="0"].label-inverse-light:hover {
4801
+ [href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
4694
4802
  background-color: #dae0e5;
4695
4803
  border-color: #dae0e5;
4696
4804
  color: #212529;
@@ -4707,7 +4815,7 @@ input[type=button].btn-block {
4707
4815
  border-color: #343a40;
4708
4816
  color: #fff;
4709
4817
  }
4710
- [href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex="0"].label-inverse-dark:hover {
4818
+ [href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
4711
4819
  background-color: #1d2124;
4712
4820
  border-color: #1d2124;
4713
4821
  color: #fff;
@@ -5699,31 +5807,25 @@ input[type=button].btn-block {
5699
5807
  }
5700
5808
  }
5701
5809
 
5702
- .card-interactive.card,
5703
- .card-interactive .card {
5810
+ .card-interactive {
5704
5811
  cursor: pointer;
5705
5812
  outline: 0;
5706
5813
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
5707
5814
  }
5708
5815
  @media (prefers-reduced-motion: reduce) {
5709
- .card-interactive.card,
5710
- .card-interactive .card {
5816
+ .card-interactive {
5711
5817
  transition: none;
5712
5818
  }
5713
5819
  }
5714
- .card-interactive.card:hover,
5715
- .card-interactive .card:hover {
5820
+ .card-interactive:hover, .card-interactive.hover {
5716
5821
  background-color: #f8f9fa;
5717
5822
  text-decoration: none;
5718
5823
  }
5719
- .card-interactive.card:focus,
5720
- .card-interactive .card:focus {
5824
+ .card-interactive:focus, .card-interactive.focus {
5721
5825
  border-color: #80bdff;
5722
5826
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5723
5827
  }
5724
- .card-interactive.card:active, .card-interactive.card.active,
5725
- .card-interactive .card:active,
5726
- .card-interactive .card.active {
5828
+ .card-interactive:active, .card-interactive.active {
5727
5829
  background-color: #e9ecef;
5728
5830
  }
5729
5831
  .card-interactive::after {
@@ -5757,13 +5859,10 @@ input[type=button].btn-block {
5757
5859
  cursor: pointer;
5758
5860
  }
5759
5861
 
5760
- .card-interactive-primary.card:focus,
5761
- .card-interactive-primary .card:focus {
5862
+ .card-interactive-primary:focus, .card-interactive-primary.focus {
5762
5863
  background-color: #f8f9fa;
5763
5864
  }
5764
- .card-interactive-primary.card:active, .card-interactive-primary.card.active,
5765
- .card-interactive-primary .card:active,
5766
- .card-interactive-primary .card.active {
5865
+ .card-interactive-primary:active, .card-interactive-primary.active {
5767
5866
  background-color: #e9ecef;
5768
5867
  }
5769
5868
  .card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
@@ -5775,20 +5874,16 @@ input[type=button].btn-block {
5775
5874
  .card-interactive-primary:active::after, .card-interactive-primary.active::after {
5776
5875
  background-color: #007bff;
5777
5876
  }
5778
- .card-interactive-secondary.card,
5779
- .card-interactive-secondary .card {
5877
+ .card-interactive-secondary {
5780
5878
  color: #212529;
5781
5879
  }
5782
- .card-interactive-secondary.card:hover,
5783
- .card-interactive-secondary .card:hover {
5880
+ .card-interactive-secondary:hover, .card-interactive-secondary.hover {
5784
5881
  background-color: #fff;
5785
5882
  border-color: #80bdff;
5786
5883
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5787
5884
  color: #212529;
5788
5885
  }
5789
- .card-interactive-secondary.card:active, .card-interactive-secondary.card.active,
5790
- .card-interactive-secondary .card:active,
5791
- .card-interactive-secondary .card.active {
5886
+ .card-interactive-secondary:active, .card-interactive-secondary.active {
5792
5887
  background-color: #fff;
5793
5888
  }
5794
5889
  .card-type-asset .aspect-ratio {
@@ -5824,20 +5919,16 @@ input[type=button].btn-block {
5824
5919
  width: 100%;
5825
5920
  }
5826
5921
  .card-type-asset .card-type-asset-icon > .sticker {
5922
+ border-radius: 50%;
5827
5923
  display: block;
5924
+ font-size: 2vw;
5828
5925
  padding-bottom: 100%;
5829
5926
  width: 100%;
5830
- border-radius: 50%;
5831
- font-size: 2vw;
5832
- }
5833
- .card-type-asset .card-type-asset-icon .sticker-overlay {
5834
- border-radius: 50%;
5835
5927
  }
5836
5928
  .card-type-asset .dropdown-action {
5837
5929
  margin-right: -0.5rem;
5838
5930
  margin-top: -0.1875rem;
5839
5931
  }
5840
-
5841
5932
  .file-card .card-type-asset-icon {
5842
5933
  color: #6c757d;
5843
5934
  }
@@ -5863,24 +5954,17 @@ input[type=button].btn-block {
5863
5954
  min-width: 48px;
5864
5955
  width: 30%;
5865
5956
  }
5866
- .user-card .card-type-asset-icon .lexicon-icon {
5957
+ .user-card .card-type-asset-icon > .lexicon-icon {
5867
5958
  height: auto;
5868
5959
  width: 50%;
5869
5960
  }
5870
-
5871
- .card-type-directory .dropdown-action {
5872
- margin-right: -0.5rem;
5873
- }
5874
5961
  .card-type-directory .sticker {
5875
5962
  font-size: 1.125rem;
5876
5963
  }
5877
-
5878
- .card-type-template.card,
5879
- .card-type-template .card {
5964
+ .card-type-template {
5880
5965
  color: #212529;
5881
5966
  }
5882
- .card-type-template.card:hover,
5883
- .card-type-template .card:hover {
5967
+ .card-type-template:hover, .card-type-template.hover {
5884
5968
  color: #212529;
5885
5969
  }
5886
5970
  .card-type-template .aspect-ratio {
@@ -5907,12 +5991,10 @@ input[type=button].btn-block {
5907
5991
  padding-top: 0;
5908
5992
  text-align: center;
5909
5993
  }
5910
- .template-card-horizontal.card,
5911
- .template-card-horizontal .card {
5994
+ .template-card-horizontal {
5912
5995
  color: #6c757d;
5913
5996
  }
5914
- .template-card-horizontal.card:hover,
5915
- .template-card-horizontal .card:hover {
5997
+ .template-card-horizontal:hover, .template-card-horizontal.hover {
5916
5998
  color: #6c757d;
5917
5999
  }
5918
6000
  .template-card-horizontal .sticker {
@@ -5941,7 +6023,6 @@ input[type=button].btn-block {
5941
6023
  .dropdown-toggle {
5942
6024
  white-space: nowrap;
5943
6025
  }
5944
-
5945
6026
  .dropdown-header {
5946
6027
  color: #6c757d;
5947
6028
  display: block;
@@ -5950,6 +6031,7 @@ input[type=button].btn-block {
5950
6031
  padding-right: 1.5rem;
5951
6032
  padding-top: 0.5rem;
5952
6033
  position: relative;
6034
+ overflow-wrap: break-word;
5953
6035
  word-wrap: break-word;
5954
6036
  }
5955
6037
  .dropdown-header:first-child {
@@ -5966,6 +6048,7 @@ input[type=button].btn-block {
5966
6048
  padding-top: 0.5rem;
5967
6049
  text-transform: uppercase;
5968
6050
  white-space: normal;
6051
+ overflow-wrap: break-word;
5969
6052
  word-wrap: break-word;
5970
6053
  }
5971
6054
  .dropdown-subheader:first-child {
@@ -5977,6 +6060,7 @@ input[type=button].btn-block {
5977
6060
  font-size: 0.875rem;
5978
6061
  padding: 0.25rem 1.5rem;
5979
6062
  white-space: normal;
6063
+ overflow-wrap: break-word;
5980
6064
  word-wrap: break-word;
5981
6065
  }
5982
6066
 
@@ -6108,9 +6192,9 @@ input[type=button].btn-block {
6108
6192
  background-clip: padding-box;
6109
6193
  background-color: #fff;
6110
6194
  border-color: rgba(0, 0, 0, 0.15);
6195
+ border-radius: 0.25rem;
6111
6196
  border-style: solid;
6112
6197
  border-width: 0.0625rem;
6113
- border-radius: 0.25rem;
6114
6198
  color: #212529;
6115
6199
  display: none;
6116
6200
  float: left;
@@ -6134,6 +6218,9 @@ input[type=button].btn-block {
6134
6218
  max-width: 230px;
6135
6219
  }
6136
6220
  }
6221
+ .dropdown-menu.show {
6222
+ display: block;
6223
+ }
6137
6224
  .dropdown-menu .alert {
6138
6225
  line-height: normal;
6139
6226
  margin: 0.5rem;
@@ -6170,10 +6257,6 @@ input[type=button].btn-block {
6170
6257
  margin-bottom: 0;
6171
6258
  }
6172
6259
 
6173
- .dropdown-menu.show {
6174
- display: block;
6175
- }
6176
-
6177
6260
  .dropdown-menu-left {
6178
6261
  left: 0;
6179
6262
  right: auto;
@@ -6277,26 +6360,23 @@ input[type=button].btn-block {
6277
6360
  border-radius: 0.25rem;
6278
6361
  cursor: pointer;
6279
6362
  display: flex;
6280
- height: 1.9375rem;
6281
- line-height: 1.9375rem;
6282
- width: 1.9375rem;
6283
6363
  font-size: inherit;
6284
6364
  font-weight: inherit;
6365
+ height: 1.9375rem;
6285
6366
  justify-content: center;
6286
6367
  line-height: inherit;
6287
6368
  padding: 0;
6288
6369
  text-transform: inherit;
6289
6370
  vertical-align: baseline;
6371
+ width: 1.9375rem;
6290
6372
  }
6291
6373
  .dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
6292
6374
  cursor: not-allowed;
6293
6375
  opacity: 0.65;
6294
6376
  }
6295
- .dropdown-action > .dropdown-toggle .inline-item .lexicon-icon,
6296
6377
  .dropdown-action > .dropdown-toggle .lexicon-icon {
6297
6378
  margin-top: 0;
6298
6379
  }
6299
-
6300
6380
  .dropdown-menu-indicator-start .dropdown-item-indicator {
6301
6381
  height: 1rem;
6302
6382
  left: 1.5rem;
@@ -6410,7 +6490,6 @@ input[type=button].btn-block {
6410
6490
  transform: none !important;
6411
6491
  will-change: auto !important;
6412
6492
  }
6413
-
6414
6493
  .dropdown-menu-top-right {
6415
6494
  bottom: 100% !important;
6416
6495
  left: auto !important;
@@ -6421,7 +6500,6 @@ input[type=button].btn-block {
6421
6500
  transform: none !important;
6422
6501
  will-change: auto !important;
6423
6502
  }
6424
-
6425
6503
  .dropdown-menu-top-center {
6426
6504
  bottom: 100% !important;
6427
6505
  left: 50% !important;
@@ -6432,7 +6510,6 @@ input[type=button].btn-block {
6432
6510
  transform: translateX(-50%) !important;
6433
6511
  will-change: auto !important;
6434
6512
  }
6435
-
6436
6513
  .dropdown-menu-center {
6437
6514
  bottom: auto !important;
6438
6515
  left: 50% !important;
@@ -6441,7 +6518,6 @@ input[type=button].btn-block {
6441
6518
  transform: translateX(-50%) !important;
6442
6519
  will-change: auto !important;
6443
6520
  }
6444
-
6445
6521
  .dropdown-menu-left-side {
6446
6522
  bottom: auto !important;
6447
6523
  left: auto !important;
@@ -6452,7 +6528,6 @@ input[type=button].btn-block {
6452
6528
  transform: none !important;
6453
6529
  will-change: auto !important;
6454
6530
  }
6455
-
6456
6531
  .dropdown-menu-left-side-bottom {
6457
6532
  bottom: 0 !important;
6458
6533
  left: auto !important;
@@ -6463,7 +6538,6 @@ input[type=button].btn-block {
6463
6538
  transform: none !important;
6464
6539
  will-change: auto !important;
6465
6540
  }
6466
-
6467
6541
  .dropdown-menu-left-side-middle {
6468
6542
  bottom: auto !important;
6469
6543
  left: auto !important;
@@ -6474,7 +6548,6 @@ input[type=button].btn-block {
6474
6548
  transform: translate(0, -50%) !important;
6475
6549
  will-change: auto !important;
6476
6550
  }
6477
-
6478
6551
  .dropdown-menu-right-side {
6479
6552
  bottom: auto !important;
6480
6553
  left: 100% !important;
@@ -6485,7 +6558,6 @@ input[type=button].btn-block {
6485
6558
  transform: none !important;
6486
6559
  will-change: auto !important;
6487
6560
  }
6488
-
6489
6561
  .dropdown-menu-right-side-bottom {
6490
6562
  bottom: 0 !important;
6491
6563
  left: 100% !important;
@@ -6496,7 +6568,6 @@ input[type=button].btn-block {
6496
6568
  transform: none !important;
6497
6569
  will-change: auto !important;
6498
6570
  }
6499
-
6500
6571
  .dropdown-menu-right-side-middle {
6501
6572
  bottom: auto !important;
6502
6573
  left: 100% !important;
@@ -6507,7 +6578,6 @@ input[type=button].btn-block {
6507
6578
  transform: translate(0, -50%) !important;
6508
6579
  will-change: auto !important;
6509
6580
  }
6510
-
6511
6581
  .dropdown-full .dropdown-menu,
6512
6582
  .dropdown-wide .dropdown-menu {
6513
6583
  max-width: none;
@@ -6578,7 +6648,6 @@ input[type=button].btn-block {
6578
6648
  max-width: none;
6579
6649
  width: 100%;
6580
6650
  }
6581
-
6582
6651
  .nav-item.dropdown-full {
6583
6652
  position: static;
6584
6653
  }
@@ -6784,10 +6853,6 @@ input[type=button].btn-block {
6784
6853
  cursor: not-allowed;
6785
6854
  }
6786
6855
 
6787
- fieldset {
6788
- word-wrap: break-word;
6789
- }
6790
-
6791
6856
  label {
6792
6857
  margin-bottom: 0.5rem;
6793
6858
  max-width: 100%;
@@ -7095,7 +7160,6 @@ select.form-control[size]:focus, select.form-control[size].focus {
7095
7160
  select.form-control[size] option {
7096
7161
  padding: 0.25rem;
7097
7162
  }
7098
-
7099
7163
  select.form-control[multiple] {
7100
7164
  background-image: none;
7101
7165
  height: auto;
@@ -7110,7 +7174,6 @@ select.form-control[multiple]:focus, select.form-control[multiple].focus {
7110
7174
  select.form-control[multiple] option {
7111
7175
  padding: 0.25rem;
7112
7176
  }
7113
-
7114
7177
  textarea.form-control,
7115
7178
  textarea.form-control-plaintext,
7116
7179
  .form-control.form-control-textarea {
@@ -7546,11 +7609,6 @@ button.link-outline {
7546
7609
  background-color: #007bff;
7547
7610
  color: #fff;
7548
7611
  }
7549
- button.link-outline-primary:focus {
7550
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7551
- outline: 0;
7552
- }
7553
-
7554
7612
  .link-outline-primary:active {
7555
7613
  background-color: #007bff;
7556
7614
  color: #fff;
@@ -7559,16 +7617,20 @@ button.link-outline-primary:focus {
7559
7617
  background-color: #007bff;
7560
7618
  color: #fff;
7561
7619
  }
7562
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7563
- background-color: #007bff;
7564
- color: #fff;
7565
- }
7566
7620
  .link-outline-primary:disabled, .link-outline-primary.disabled {
7567
7621
  background-color: transparent;
7568
7622
  color: #007bff;
7569
7623
  cursor: not-allowed;
7570
7624
  opacity: 0.65;
7571
7625
  }
7626
+ .link-outline-primary[type]:focus {
7627
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7628
+ outline: 0;
7629
+ }
7630
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show {
7631
+ background-color: #007bff;
7632
+ color: #fff;
7633
+ }
7572
7634
  .link-outline-secondary {
7573
7635
  border-color: #6c757d;
7574
7636
  color: #6c757d;
@@ -7577,11 +7639,6 @@ button.link-outline-primary:focus {
7577
7639
  background-color: #6c757d;
7578
7640
  color: #fff;
7579
7641
  }
7580
- button.link-outline-secondary:focus {
7581
- box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7582
- outline: 0;
7583
- }
7584
-
7585
7642
  .link-outline-secondary:active {
7586
7643
  background-color: #6c757d;
7587
7644
  color: #fff;
@@ -7590,16 +7647,20 @@ button.link-outline-secondary:focus {
7590
7647
  background-color: #6c757d;
7591
7648
  color: #fff;
7592
7649
  }
7593
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
7594
- background-color: #6c757d;
7595
- color: #fff;
7596
- }
7597
7650
  .link-outline-secondary:disabled, .link-outline-secondary.disabled {
7598
7651
  background-color: transparent;
7599
7652
  color: #6c757d;
7600
7653
  cursor: not-allowed;
7601
7654
  opacity: 0.65;
7602
7655
  }
7656
+ .link-outline-secondary[type]:focus {
7657
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7658
+ outline: 0;
7659
+ }
7660
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
7661
+ background-color: #6c757d;
7662
+ color: #fff;
7663
+ }
7603
7664
  .link-outline-borderless {
7604
7665
  border-color: transparent;
7605
7666
  }
@@ -7676,11 +7737,6 @@ button.link-outline-secondary:focus {
7676
7737
  background-color: #6c757d;
7677
7738
  color: #fff;
7678
7739
  }
7679
- button.component-action:focus {
7680
- box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7681
- outline: 0;
7682
- }
7683
-
7684
7740
  .component-action:active {
7685
7741
  background-color: #6c757d;
7686
7742
  color: #fff;
@@ -7689,10 +7745,6 @@ button.component-action:focus {
7689
7745
  background-color: #6c757d;
7690
7746
  color: #fff;
7691
7747
  }
7692
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
7693
- background-color: #6c757d;
7694
- color: #fff;
7695
- }
7696
7748
  .component-action:disabled, .component-action.disabled {
7697
7749
  background-color: transparent;
7698
7750
  color: #6c757d;
@@ -7702,6 +7754,14 @@ button.component-action:focus {
7702
7754
  .component-action:disabled:active, .component-action.disabled:active {
7703
7755
  pointer-events: none;
7704
7756
  }
7757
+ .component-action[type]:focus {
7758
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7759
+ outline: 0;
7760
+ }
7761
+ .component-action[aria-expanded=true], .component-action.show {
7762
+ background-color: #6c757d;
7763
+ color: #fff;
7764
+ }
7705
7765
  .component-action .lexicon-icon {
7706
7766
  margin-top: 0;
7707
7767
  }
@@ -8069,7 +8129,10 @@ button.component-action:focus {
8069
8129
  .clay-color-btn:active {
8070
8130
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8071
8131
  }
8072
- .clay-color-btn[aria-expanded=true], .clay-color-btn.active, .clay-color-btn.show, .show > .clay-color-btn.dropdown-toggle {
8132
+ .clay-color-btn.active {
8133
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8134
+ }
8135
+ .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8073
8136
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8074
8137
  }
8075
8138
  .clay-color-btn .c-inner {
@@ -8813,7 +8876,6 @@ label.custom-control-label {
8813
8876
  padding-top: 0;
8814
8877
  width: 100%;
8815
8878
  }
8816
-
8817
8879
  .date-picker-nav {
8818
8880
  display: flex;
8819
8881
  margin-left: -0.25rem;
@@ -8995,7 +9057,7 @@ label.custom-control-label {
8995
9057
  .date-picker-date:active:focus {
8996
9058
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8997
9059
  }
8998
- .date-picker-date[aria-expanded=true], .date-picker-date.active, .date-picker-date.show, .show > .date-picker-date.dropdown-toggle {
9060
+ .date-picker-date.active {
8999
9061
  background-color: #007bff;
9000
9062
  color: #fff;
9001
9063
  }
@@ -9004,6 +9066,10 @@ label.custom-control-label {
9004
9066
  box-shadow: none;
9005
9067
  opacity: 0.65;
9006
9068
  }
9069
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9070
+ background-color: #007bff;
9071
+ color: #fff;
9072
+ }
9007
9073
  .previous-month-date {
9008
9074
  opacity: 0.65;
9009
9075
  }
@@ -9014,7 +9080,11 @@ label.custom-control-label {
9014
9080
  background-color: #75b8ff;
9015
9081
  color: #e5f2ff;
9016
9082
  }
9017
- .previous-month-date[aria-expanded=true], .previous-month-date.active, .previous-month-date.show, .show > .previous-month-date.dropdown-toggle {
9083
+ .previous-month-date.active {
9084
+ background-color: #75b8ff;
9085
+ color: #e5f2ff;
9086
+ }
9087
+ .previous-month-date[aria-expanded=true], .previous-month-date.show {
9018
9088
  background-color: #75b8ff;
9019
9089
  color: #e5f2ff;
9020
9090
  }
@@ -9028,7 +9098,11 @@ label.custom-control-label {
9028
9098
  background-color: #75b8ff;
9029
9099
  color: #e5f2ff;
9030
9100
  }
9031
- .next-month-date[aria-expanded=true], .next-month-date.active, .next-month-date.show, .show > .next-month-date.dropdown-toggle {
9101
+ .next-month-date.active {
9102
+ background-color: #75b8ff;
9103
+ color: #e5f2ff;
9104
+ }
9105
+ .next-month-date[aria-expanded=true], .next-month-date.show {
9032
9106
  background-color: #75b8ff;
9033
9107
  color: #e5f2ff;
9034
9108
  }
@@ -9263,12 +9337,14 @@ label.custom-control-label {
9263
9337
 
9264
9338
  .form-feedback-group {
9265
9339
  width: 100%;
9340
+ overflow-wrap: break-word;
9266
9341
  word-wrap: break-word;
9267
9342
  }
9268
9343
 
9269
9344
  .form-feedback-item {
9270
9345
  font-size: 80%;
9271
9346
  margin-top: 0.25rem;
9347
+ overflow-wrap: break-word;
9272
9348
  word-wrap: break-word;
9273
9349
  }
9274
9350
 
@@ -9285,6 +9361,7 @@ label.custom-control-label {
9285
9361
  display: block;
9286
9362
  font-size: 0.875rem;
9287
9363
  margin-top: 0.25rem;
9364
+ overflow-wrap: break-word;
9288
9365
  word-wrap: break-word;
9289
9366
  }
9290
9367
 
@@ -9334,8 +9411,13 @@ label.custom-control-label {
9334
9411
  .has-error .input-group-item.focus {
9335
9412
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
9336
9413
  }
9337
- .has-error .input-group-item.focus .form-control,
9338
- .has-error .input-group-item.focus .input-group-inset-item {
9414
+ .has-error .input-group-item.focus .input-group-inset {
9415
+ border-color: #dc3545;
9416
+ }
9417
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9418
+ border-color: #dc3545;
9419
+ }
9420
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9339
9421
  border-color: #dc3545;
9340
9422
  }
9341
9423
  .has-error .input-group-item .input-group-inset:focus {
@@ -9344,9 +9426,6 @@ label.custom-control-label {
9344
9426
  .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9345
9427
  border-color: #dc3545;
9346
9428
  }
9347
- .has-error .input-group .input-group-inset-item {
9348
- border-color: #dc3545;
9349
- }
9350
9429
 
9351
9430
  .has-warning .custom-control-label,
9352
9431
  .has-warning .form-check-label {
@@ -9376,8 +9455,13 @@ label.custom-control-label {
9376
9455
  .has-warning .input-group-item.focus {
9377
9456
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
9378
9457
  }
9379
- .has-warning .input-group-item.focus .form-control,
9380
- .has-warning .input-group-item.focus .input-group-inset-item {
9458
+ .has-warning .input-group-item.focus .input-group-inset {
9459
+ border-color: #ffc107;
9460
+ }
9461
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9462
+ border-color: #ffc107;
9463
+ }
9464
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
9381
9465
  border-color: #ffc107;
9382
9466
  }
9383
9467
  .has-warning .input-group-item .input-group-inset:focus {
@@ -9386,9 +9470,6 @@ label.custom-control-label {
9386
9470
  .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9387
9471
  border-color: #ffc107;
9388
9472
  }
9389
- .has-warning .input-group .input-group-inset-item {
9390
- border-color: #ffc107;
9391
- }
9392
9473
 
9393
9474
  .has-success .custom-control-label,
9394
9475
  .has-success .form-check-label {
@@ -9418,8 +9499,13 @@ label.custom-control-label {
9418
9499
  .has-success .input-group-item.focus {
9419
9500
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
9420
9501
  }
9421
- .has-success .input-group-item.focus .form-control,
9422
- .has-success .input-group-item.focus .input-group-inset-item {
9502
+ .has-success .input-group-item.focus .input-group-inset {
9503
+ border-color: #28a745;
9504
+ }
9505
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9506
+ border-color: #28a745;
9507
+ }
9508
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
9423
9509
  border-color: #28a745;
9424
9510
  }
9425
9511
  .has-success .input-group-item .input-group-inset:focus {
@@ -9428,9 +9514,6 @@ label.custom-control-label {
9428
9514
  .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9429
9515
  border-color: #28a745;
9430
9516
  }
9431
- .has-success .input-group .input-group-inset-item {
9432
- border-color: #28a745;
9433
- }
9434
9517
 
9435
9518
  .input-group > .form-control,
9436
9519
  .input-group > .form-control-plaintext,
@@ -9517,6 +9600,26 @@ label.custom-control-label {
9517
9600
  .input-group-append > .input-group-text + .btn {
9518
9601
  margin-left: -0.0625rem;
9519
9602
  }
9603
+ .input-group-prepend .btn,
9604
+ .input-group-append .btn {
9605
+ z-index: 1;
9606
+ }
9607
+ .input-group-prepend .btn:hover,
9608
+ .input-group-append .btn:hover {
9609
+ z-index: 3;
9610
+ }
9611
+ .input-group-prepend .btn,
9612
+ .input-group-prepend .form-control,
9613
+ .input-group-append .btn,
9614
+ .input-group-append .form-control {
9615
+ position: relative;
9616
+ }
9617
+ .input-group-prepend .btn:focus,
9618
+ .input-group-prepend .form-control:focus,
9619
+ .input-group-append .btn:focus,
9620
+ .input-group-append .form-control:focus {
9621
+ z-index: 4;
9622
+ }
9520
9623
 
9521
9624
  .input-group {
9522
9625
  align-items: stretch;
@@ -9525,17 +9628,6 @@ label.custom-control-label {
9525
9628
  position: relative;
9526
9629
  width: 100%;
9527
9630
  }
9528
- .input-group .btn {
9529
- position: relative;
9530
- z-index: 1;
9531
- }
9532
- .input-group .btn:hover {
9533
- z-index: 3;
9534
- }
9535
- .input-group .btn:focus,
9536
- .input-group .form-control:focus {
9537
- z-index: 4;
9538
- }
9539
9631
  .input-group .btn-unstyled {
9540
9632
  color: inherit;
9541
9633
  }
@@ -11066,21 +11158,25 @@ label.custom-control-label {
11066
11158
  }
11067
11159
 
11068
11160
  .multi-step-indicator-label-bottom .multi-step-item {
11069
- padding-bottom: 1.5rem;
11161
+ padding-bottom: calc(
11162
+ 1rem * 1.5
11163
+ );
11070
11164
  }
11071
11165
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11072
11166
  top: 2rem;
11073
11167
  }
11074
11168
 
11075
11169
  .multi-step-indicator-label-top .multi-step-item {
11076
- padding-top: 1.5rem;
11170
+ padding-top: calc(
11171
+ 1rem * 1.5
11172
+ );
11077
11173
  }
11078
11174
  .multi-step-indicator-label-top .multi-step-indicator-label {
11079
- bottom: 2.25rem;
11175
+ bottom: calc(2rem + 0.25rem);
11080
11176
  }
11081
11177
 
11082
11178
  .multi-step-title-center .multi-step-title {
11083
- margin-left: 1rem;
11179
+ margin-left: calc(2rem * 0.5);
11084
11180
  max-width: 100px;
11085
11181
  overflow: hidden;
11086
11182
  position: relative;
@@ -11298,7 +11394,10 @@ label.custom-control-label {
11298
11394
  .multi-step-nav-collapse-sm .multi-step-item {
11299
11395
  margin-bottom: 0;
11300
11396
  min-width: 2rem;
11301
- padding-top: 1.75rem;
11397
+ padding-top: calc(
11398
+ 1rem + 0.625rem +
11399
+ (0.25rem * 0.5)
11400
+ );
11302
11401
  }
11303
11402
  .multi-step-nav-collapse-sm .multi-step-title {
11304
11403
  display: none;
@@ -11615,20 +11714,20 @@ label.custom-control-label {
11615
11714
  border-color: #dee2e6 #dee2e6 #fff;
11616
11715
  color: #495057;
11617
11716
  }
11618
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
11619
- background-color: #fff;
11620
- border-color: #dee2e6 #dee2e6 #fff;
11621
- color: #495057;
11622
- }
11623
11717
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
11624
11718
  background-color: transparent;
11625
11719
  border-color: transparent;
11626
11720
  color: #6c757d;
11627
11721
  }
11628
- .nav-tabs .nav-item.show .nav-link {
11722
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
11723
+ background-color: #fff;
11629
11724
  border-color: #dee2e6 #dee2e6 #fff;
11630
11725
  color: #495057;
11726
+ }
11727
+ .nav-tabs .nav-item.show .nav-link {
11631
11728
  background-color: #fff;
11729
+ border-color: #dee2e6 #dee2e6 #fff;
11730
+ color: #495057;
11632
11731
  }
11633
11732
  .nav-tabs .dropdown-menu {
11634
11733
  border-top-left-radius: 0;
@@ -12893,8 +12992,6 @@ label.custom-control-label {
12893
12992
  border-width: 0 0 0 0;
12894
12993
  font-size: 1rem;
12895
12994
  padding: 0 0;
12896
- border-color: transparent;
12897
- border-style: solid;
12898
12995
  }
12899
12996
  .application-bar .navbar-toggler {
12900
12997
  font-size: 1.25rem;
@@ -13605,26 +13702,6 @@ label.custom-control-label {
13605
13702
  bottom: -0.75rem;
13606
13703
  height: 0.125rem;
13607
13704
  }
13608
- @media (max-width: 575.98px) {
13609
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13610
- border-color: transparent;
13611
- }
13612
- }
13613
- @media (max-width: 767.98px) {
13614
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13615
- border-color: transparent;
13616
- }
13617
- }
13618
- @media (max-width: 991.98px) {
13619
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13620
- border-color: transparent;
13621
- }
13622
- }
13623
- @media (max-width: 1199.98px) {
13624
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13625
- border-color: transparent;
13626
- }
13627
- }
13628
13705
  .application-bar .container,
13629
13706
  .application-bar .container-fluid {
13630
13707
  flex-wrap: nowrap;
@@ -13635,125 +13712,53 @@ label.custom-control-label {
13635
13712
 
13636
13713
  .application-bar-dark {
13637
13714
  background-color: #343a40;
13638
- border-color: transparent;
13639
- border-style: solid;
13640
13715
  color: rgba(255, 255, 255, 0.5);
13641
13716
  }
13642
- .application-bar-dark .nav-link,
13717
+ .application-bar-dark .navbar-nav .nav-link,
13643
13718
  .application-bar-dark .navbar-nav .btn-unstyled {
13644
13719
  color: rgba(255, 255, 255, 0.5);
13645
13720
  }
13646
- .application-bar-dark .nav-link:hover,
13721
+ .application-bar-dark .navbar-nav .nav-link:hover,
13647
13722
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
13648
13723
  color: rgba(255, 255, 255, 0.75);
13649
13724
  }
13650
- .application-bar-dark .nav-link.active, .application-bar-dark .nav-link[aria-expanded=true],
13651
- .application-bar-dark .navbar-nav .btn-unstyled.active,
13652
- .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true] {
13725
+ .application-bar-dark .navbar-nav .nav-link:active,
13726
+ .application-bar-dark .navbar-nav .btn-unstyled:active {
13727
+ color: #fff;
13728
+ }
13729
+ .application-bar-dark .navbar-nav .nav-link.active,
13730
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
13653
13731
  color: #fff;
13654
13732
  }
13655
- .application-bar-dark .nav-link.disabled, .application-bar-dark .nav-link:disabled,
13656
- .application-bar-dark .navbar-nav .btn-unstyled.disabled,
13657
- .application-bar-dark .navbar-nav .btn-unstyled:disabled {
13733
+ .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled,
13734
+ .application-bar-dark .navbar-nav .btn-unstyled:disabled,
13735
+ .application-bar-dark .navbar-nav .btn-unstyled.disabled {
13658
13736
  color: rgba(255, 255, 255, 0.25);
13659
13737
  opacity: 1;
13660
13738
  }
13661
- .application-bar-dark .navbar-toggler {
13662
- color: rgba(255, 255, 255, 0.5);
13739
+ .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show,
13740
+ .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],
13741
+ .application-bar-dark .navbar-nav .btn-unstyled.show {
13742
+ color: #fff;
13663
13743
  }
13664
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
13744
+ .application-bar-dark .navbar-brand:active {
13665
13745
  color: #fff;
13666
13746
  }
13667
- .application-bar-dark .navbar-overlay {
13668
- background-color: #343a40;
13747
+ .application-bar-dark .navbar-brand.active {
13748
+ color: #fff;
13669
13749
  }
13670
- @media (max-width: 575.98px) {
13671
- .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13672
- background-color: #343a40;
13673
- border-color: transparent;
13674
- }
13675
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
13676
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
13677
- color: rgba(255, 255, 255, 0.5);
13678
- }
13679
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
13680
- border-color: rgba(255, 255, 255, 0.5);
13681
- }
13682
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
13683
- color: rgba(255, 255, 255, 0.75);
13684
- }
13685
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
13686
- color: #fff;
13687
- }
13688
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
13689
- color: rgba(255, 255, 255, 0.25);
13690
- }
13750
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
13751
+ color: rgba(255, 255, 255, 0.25);
13752
+ opacity: 1;
13691
13753
  }
13692
- @media (max-width: 767.98px) {
13693
- .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13694
- background-color: #343a40;
13695
- border-color: transparent;
13696
- }
13697
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
13698
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
13699
- color: rgba(255, 255, 255, 0.5);
13700
- }
13701
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
13702
- border-color: rgba(255, 255, 255, 0.5);
13703
- }
13704
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
13705
- color: rgba(255, 255, 255, 0.75);
13706
- }
13707
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
13708
- color: #fff;
13709
- }
13710
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
13711
- color: rgba(255, 255, 255, 0.25);
13712
- }
13754
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
13755
+ color: #fff;
13713
13756
  }
13714
- @media (max-width: 991.98px) {
13715
- .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13716
- background-color: #343a40;
13717
- border-color: transparent;
13718
- }
13719
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
13720
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
13721
- color: rgba(255, 255, 255, 0.5);
13722
- }
13723
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
13724
- border-color: rgba(255, 255, 255, 0.5);
13725
- }
13726
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
13727
- color: rgba(255, 255, 255, 0.75);
13728
- }
13729
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
13730
- color: #fff;
13731
- }
13732
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
13733
- color: rgba(255, 255, 255, 0.25);
13734
- }
13757
+ .application-bar-dark .navbar-toggler {
13758
+ color: rgba(255, 255, 255, 0.5);
13735
13759
  }
13736
- @media (max-width: 1199.98px) {
13737
- .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13738
- background-color: #343a40;
13739
- border-color: transparent;
13740
- }
13741
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
13742
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
13743
- color: rgba(255, 255, 255, 0.5);
13744
- }
13745
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
13746
- border-color: rgba(255, 255, 255, 0.5);
13747
- }
13748
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
13749
- color: rgba(255, 255, 255, 0.75);
13750
- }
13751
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
13752
- color: #fff;
13753
- }
13754
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
13755
- color: rgba(255, 255, 255, 0.25);
13756
- }
13760
+ .application-bar-dark .navbar-overlay {
13761
+ background-color: #343a40;
13757
13762
  }
13758
13763
  .management-bar {
13759
13764
  border-width: 0 0 0.0625rem 0;
@@ -14491,26 +14496,6 @@ label.custom-control-label {
14491
14496
  bottom: -1.03125rem;
14492
14497
  height: 0.25rem;
14493
14498
  }
14494
- @media (max-width: 575.98px) {
14495
- .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14496
- border-color: transparent;
14497
- }
14498
- }
14499
- @media (max-width: 767.98px) {
14500
- .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14501
- border-color: transparent;
14502
- }
14503
- }
14504
- @media (max-width: 991.98px) {
14505
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14506
- border-color: transparent;
14507
- }
14508
- }
14509
- @media (max-width: 1199.98px) {
14510
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14511
- border-color: transparent;
14512
- }
14513
- }
14514
14499
  .management-bar.navbar-nowrap .navbar-text {
14515
14500
  white-space: normal;
14516
14501
  word-wrap: break-word;
@@ -14518,246 +14503,93 @@ label.custom-control-label {
14518
14503
 
14519
14504
  .management-bar-light {
14520
14505
  background-color: #f8f9fa;
14521
- border-color: transparent;
14522
- border-style: solid;
14523
14506
  }
14524
- .management-bar-light .nav-link,
14507
+ .management-bar-light .navbar-nav .nav-link,
14525
14508
  .management-bar-light .navbar-nav .btn-unstyled {
14526
14509
  color: rgba(0, 0, 0, 0.5);
14527
14510
  }
14528
- .management-bar-light .nav-link:hover,
14511
+ .management-bar-light .navbar-nav .nav-link:hover,
14529
14512
  .management-bar-light .navbar-nav .btn-unstyled:hover {
14530
14513
  color: rgba(0, 0, 0, 0.7);
14531
14514
  }
14532
- .management-bar-light .nav-link.active, .management-bar-light .nav-link[aria-expanded=true],
14533
- .management-bar-light .navbar-nav .btn-unstyled.active,
14534
- .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
14515
+ .management-bar-light .navbar-nav .nav-link:active,
14516
+ .management-bar-light .navbar-nav .btn-unstyled:active {
14535
14517
  color: rgba(0, 0, 0, 0.9);
14536
14518
  }
14537
- .management-bar-light .nav-link.disabled, .management-bar-light .nav-link:disabled,
14538
- .management-bar-light .navbar-nav .btn-unstyled.disabled,
14539
- .management-bar-light .navbar-nav .btn-unstyled:disabled {
14519
+ .management-bar-light .navbar-nav .nav-link.active,
14520
+ .management-bar-light .navbar-nav .btn-unstyled.active {
14521
+ color: rgba(0, 0, 0, 0.9);
14522
+ }
14523
+ .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled,
14524
+ .management-bar-light .navbar-nav .btn-unstyled:disabled,
14525
+ .management-bar-light .navbar-nav .btn-unstyled.disabled {
14540
14526
  color: rgba(0, 0, 0, 0.3);
14541
14527
  opacity: 1;
14542
14528
  }
14543
- .management-bar-light .navbar-toggler {
14544
- color: rgba(0, 0, 0, 0.5);
14529
+ .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show,
14530
+ .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
14531
+ .management-bar-light .navbar-nav .btn-unstyled.show {
14532
+ color: rgba(0, 0, 0, 0.9);
14545
14533
  }
14546
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
14534
+ .management-bar-light .navbar-brand:active {
14547
14535
  color: rgba(0, 0, 0, 0.9);
14548
14536
  }
14549
- .management-bar-light .navbar-overlay {
14550
- background-color: #f8f9fa;
14537
+ .management-bar-light .navbar-brand.active {
14538
+ color: rgba(0, 0, 0, 0.9);
14551
14539
  }
14552
- @media (max-width: 575.98px) {
14553
- .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14554
- background-color: #f8f9fa;
14555
- border-color: transparent;
14556
- }
14557
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14558
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14559
- color: rgba(0, 0, 0, 0.5);
14560
- }
14561
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14562
- border-color: rgba(0, 0, 0, 0.5);
14563
- }
14564
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14565
- color: rgba(0, 0, 0, 0.7);
14566
- }
14567
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14568
- color: rgba(0, 0, 0, 0.9);
14569
- }
14570
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14571
- color: rgba(0, 0, 0, 0.3);
14572
- }
14540
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
14541
+ color: rgba(0, 0, 0, 0.3);
14542
+ opacity: 1;
14573
14543
  }
14574
- @media (max-width: 767.98px) {
14575
- .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14576
- background-color: #f8f9fa;
14577
- border-color: transparent;
14578
- }
14579
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14580
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14581
- color: rgba(0, 0, 0, 0.5);
14582
- }
14583
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14584
- border-color: rgba(0, 0, 0, 0.5);
14585
- }
14586
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14587
- color: rgba(0, 0, 0, 0.7);
14588
- }
14589
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14590
- color: rgba(0, 0, 0, 0.9);
14591
- }
14592
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14593
- color: rgba(0, 0, 0, 0.3);
14594
- }
14544
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
14545
+ color: rgba(0, 0, 0, 0.9);
14595
14546
  }
14596
- @media (max-width: 991.98px) {
14597
- .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14598
- background-color: #f8f9fa;
14599
- border-color: transparent;
14600
- }
14601
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14602
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14603
- color: rgba(0, 0, 0, 0.5);
14604
- }
14605
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14606
- border-color: rgba(0, 0, 0, 0.5);
14607
- }
14608
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14609
- color: rgba(0, 0, 0, 0.7);
14610
- }
14611
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14612
- color: rgba(0, 0, 0, 0.9);
14613
- }
14614
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14615
- color: rgba(0, 0, 0, 0.3);
14616
- }
14547
+ .management-bar-light .navbar-toggler {
14548
+ color: rgba(0, 0, 0, 0.5);
14617
14549
  }
14618
- @media (max-width: 1199.98px) {
14619
- .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14620
- background-color: #f8f9fa;
14621
- border-color: transparent;
14622
- }
14623
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14624
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14625
- color: rgba(0, 0, 0, 0.5);
14626
- }
14627
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14628
- border-color: rgba(0, 0, 0, 0.5);
14629
- }
14630
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14631
- color: rgba(0, 0, 0, 0.7);
14632
- }
14633
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14634
- color: rgba(0, 0, 0, 0.9);
14635
- }
14636
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14637
- color: rgba(0, 0, 0, 0.3);
14638
- }
14550
+ .management-bar-light .navbar-overlay {
14551
+ background-color: #f8f9fa;
14639
14552
  }
14640
14553
  .management-bar-primary {
14641
14554
  background-color: #e5f2ff;
14642
14555
  border-color: #007bff;
14643
- border-style: solid;
14644
14556
  color: rgba(0, 0, 0, 0.5);
14645
14557
  }
14646
- .management-bar-primary .nav-link,
14558
+ .management-bar-primary .navbar-nav .nav-link,
14647
14559
  .management-bar-primary .navbar-nav .btn-unstyled {
14648
14560
  color: rgba(0, 0, 0, 0.5);
14649
14561
  }
14650
- .management-bar-primary .nav-link:hover,
14562
+ .management-bar-primary .navbar-nav .nav-link:hover,
14651
14563
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
14652
14564
  color: rgba(0, 0, 0, 0.7);
14653
14565
  }
14654
- .management-bar-primary .nav-link.active, .management-bar-primary .nav-link[aria-expanded=true],
14655
- .management-bar-primary .navbar-nav .btn-unstyled.active,
14656
- .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true] {
14566
+ .management-bar-primary .navbar-nav .nav-link:active,
14567
+ .management-bar-primary .navbar-nav .btn-unstyled:active {
14657
14568
  color: rgba(0, 0, 0, 0.9);
14658
14569
  }
14659
- .management-bar-primary .nav-link.disabled, .management-bar-primary .nav-link:disabled,
14660
- .management-bar-primary .navbar-nav .btn-unstyled.disabled,
14661
- .management-bar-primary .navbar-nav .btn-unstyled:disabled {
14662
- color: rgba(0, 0, 0, 0.3);
14663
- opacity: 1;
14664
- }
14665
- .management-bar-primary .navbar-toggler {
14666
- color: rgba(0, 0, 0, 0.5);
14570
+ .management-bar-primary .navbar-nav .nav-link.active,
14571
+ .management-bar-primary .navbar-nav .btn-unstyled.active {
14572
+ color: rgba(0, 0, 0, 0.9);
14667
14573
  }
14668
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
14574
+ .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
14575
+ .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
14576
+ .management-bar-primary .navbar-nav .btn-unstyled.show {
14669
14577
  color: rgba(0, 0, 0, 0.9);
14670
14578
  }
14671
- .management-bar-primary .navbar-overlay {
14672
- background-color: #e5f2ff;
14579
+ .management-bar-primary .navbar-brand:active {
14580
+ color: rgba(0, 0, 0, 0.9);
14673
14581
  }
14674
- @media (max-width: 575.98px) {
14675
- .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14676
- background-color: #e5f2ff;
14677
- border-color: #007bff;
14678
- }
14679
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14680
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14681
- color: rgba(0, 0, 0, 0.5);
14682
- }
14683
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14684
- border-color: rgba(0, 0, 0, 0.5);
14685
- }
14686
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14687
- color: rgba(0, 0, 0, 0.7);
14688
- }
14689
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14690
- color: rgba(0, 0, 0, 0.9);
14691
- }
14692
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14693
- color: rgba(0, 0, 0, 0.3);
14694
- }
14582
+ .management-bar-primary .navbar-brand.active {
14583
+ color: rgba(0, 0, 0, 0.9);
14695
14584
  }
14696
- @media (max-width: 767.98px) {
14697
- .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14698
- background-color: #e5f2ff;
14699
- border-color: #007bff;
14700
- }
14701
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14702
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14703
- color: rgba(0, 0, 0, 0.5);
14704
- }
14705
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14706
- border-color: rgba(0, 0, 0, 0.5);
14707
- }
14708
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14709
- color: rgba(0, 0, 0, 0.7);
14710
- }
14711
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14712
- color: rgba(0, 0, 0, 0.9);
14713
- }
14714
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14715
- color: rgba(0, 0, 0, 0.3);
14716
- }
14585
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
14586
+ color: rgba(0, 0, 0, 0.9);
14717
14587
  }
14718
- @media (max-width: 991.98px) {
14719
- .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14720
- background-color: #e5f2ff;
14721
- border-color: #007bff;
14722
- }
14723
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14724
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14725
- color: rgba(0, 0, 0, 0.5);
14726
- }
14727
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14728
- border-color: rgba(0, 0, 0, 0.5);
14729
- }
14730
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14731
- color: rgba(0, 0, 0, 0.7);
14732
- }
14733
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14734
- color: rgba(0, 0, 0, 0.9);
14735
- }
14736
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14737
- color: rgba(0, 0, 0, 0.3);
14738
- }
14588
+ .management-bar-primary .navbar-toggler {
14589
+ color: rgba(0, 0, 0, 0.5);
14739
14590
  }
14740
- @media (max-width: 1199.98px) {
14741
- .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14742
- background-color: #e5f2ff;
14743
- border-color: #007bff;
14744
- }
14745
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14746
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14747
- color: rgba(0, 0, 0, 0.5);
14748
- }
14749
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14750
- border-color: rgba(0, 0, 0, 0.5);
14751
- }
14752
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14753
- color: rgba(0, 0, 0, 0.7);
14754
- }
14755
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14756
- color: rgba(0, 0, 0, 0.9);
14757
- }
14758
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14759
- color: rgba(0, 0, 0, 0.3);
14760
- }
14591
+ .management-bar-primary .navbar-overlay {
14592
+ background-color: #e5f2ff;
14761
14593
  }
14762
14594
  .navigation-bar {
14763
14595
  border-width: 0 0 0.0625rem 0;
@@ -15080,275 +14912,155 @@ label.custom-control-label {
15080
14912
  bottom: -0.0625rem;
15081
14913
  height: 0.25rem;
15082
14914
  }
15083
- @media (max-width: 575.98px) {
15084
- .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15085
- border-color: transparent;
15086
- }
15087
- }
15088
- @media (max-width: 767.98px) {
15089
- .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15090
- border-color: transparent;
15091
- }
15092
- }
15093
- @media (max-width: 991.98px) {
15094
- .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15095
- border-color: transparent;
15096
- }
15097
- }
15098
- @media (max-width: 1199.98px) {
15099
- .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15100
- border-color: transparent;
15101
- }
15102
- }
15103
14915
  .navigation-bar-light {
15104
14916
  background-color: #f8f9fa;
15105
- border-color: transparent;
15106
- border-style: solid;
15107
14917
  }
15108
- .navigation-bar-light .nav-link,
14918
+ .navigation-bar-light .navbar-nav .nav-link,
15109
14919
  .navigation-bar-light .navbar-nav .btn-unstyled {
15110
14920
  color: rgba(0, 0, 0, 0.5);
15111
14921
  }
15112
- .navigation-bar-light .nav-link:hover,
14922
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15113
14923
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15114
14924
  color: rgba(0, 0, 0, 0.7);
15115
14925
  }
15116
- .navigation-bar-light .nav-link.active, .navigation-bar-light .nav-link[aria-expanded=true],
15117
- .navigation-bar-light .navbar-nav .btn-unstyled.active,
15118
- .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
14926
+ .navigation-bar-light .navbar-nav .nav-link:active,
14927
+ .navigation-bar-light .navbar-nav .btn-unstyled:active {
15119
14928
  color: rgba(0, 0, 0, 0.9);
15120
14929
  }
15121
- .navigation-bar-light .nav-link.disabled, .navigation-bar-light .nav-link:disabled,
15122
- .navigation-bar-light .navbar-nav .btn-unstyled.disabled,
15123
- .navigation-bar-light .navbar-nav .btn-unstyled:disabled {
14930
+ .navigation-bar-light .navbar-nav .nav-link.active,
14931
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
14932
+ color: rgba(0, 0, 0, 0.9);
14933
+ }
14934
+ .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled,
14935
+ .navigation-bar-light .navbar-nav .btn-unstyled:disabled,
14936
+ .navigation-bar-light .navbar-nav .btn-unstyled.disabled {
15124
14937
  color: rgba(0, 0, 0, 0.3);
15125
14938
  opacity: 1;
15126
14939
  }
15127
- .navigation-bar-light .navbar-toggler {
15128
- color: rgba(0, 0, 0, 0.5);
14940
+ .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show,
14941
+ .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
14942
+ .navigation-bar-light .navbar-nav .btn-unstyled.show {
14943
+ color: rgba(0, 0, 0, 0.9);
14944
+ }
14945
+ .navigation-bar-light .navbar-brand:active {
14946
+ color: rgba(0, 0, 0, 0.9);
14947
+ }
14948
+ .navigation-bar-light .navbar-brand.active {
14949
+ color: rgba(0, 0, 0, 0.9);
14950
+ }
14951
+ .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
14952
+ color: rgba(0, 0, 0, 0.3);
14953
+ opacity: 1;
15129
14954
  }
15130
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
14955
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
15131
14956
  color: rgba(0, 0, 0, 0.9);
15132
14957
  }
14958
+ .navigation-bar-light .navbar-toggler {
14959
+ color: rgba(0, 0, 0, 0.5);
14960
+ }
15133
14961
  .navigation-bar-light .navbar-overlay {
15134
14962
  background-color: #f8f9fa;
15135
14963
  }
15136
- @media (max-width: 575.98px) {
15137
- .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15138
- background-color: #f8f9fa;
15139
- border-color: transparent;
15140
- }
15141
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15142
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15143
- color: rgba(0, 0, 0, 0.5);
15144
- }
15145
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15146
- border-color: rgba(0, 0, 0, 0.5);
15147
- }
15148
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15149
- color: rgba(0, 0, 0, 0.7);
15150
- }
15151
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15152
- color: rgba(0, 0, 0, 0.9);
15153
- }
15154
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15155
- color: rgba(0, 0, 0, 0.3);
15156
- }
15157
- }
15158
14964
  @media (max-width: 767.98px) {
15159
- .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15160
- background-color: #f8f9fa;
15161
- border-color: transparent;
15162
- }
15163
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15164
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14965
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15165
14966
  color: rgba(0, 0, 0, 0.5);
15166
14967
  }
15167
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15168
- border-color: rgba(0, 0, 0, 0.5);
15169
- }
15170
14968
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15171
14969
  color: rgba(0, 0, 0, 0.7);
15172
14970
  }
15173
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14971
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15174
14972
  color: rgba(0, 0, 0, 0.9);
15175
14973
  }
15176
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15177
- color: rgba(0, 0, 0, 0.3);
15178
- }
15179
- }
15180
- @media (max-width: 991.98px) {
15181
- .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15182
- background-color: #f8f9fa;
15183
- border-color: transparent;
15184
- }
15185
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15186
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15187
- color: rgba(0, 0, 0, 0.5);
15188
- }
15189
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15190
- border-color: rgba(0, 0, 0, 0.5);
15191
- }
15192
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15193
- color: rgba(0, 0, 0, 0.7);
15194
- }
15195
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14974
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15196
14975
  color: rgba(0, 0, 0, 0.9);
15197
14976
  }
15198
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14977
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15199
14978
  color: rgba(0, 0, 0, 0.3);
14979
+ opacity: 1;
15200
14980
  }
15201
- }
15202
- @media (max-width: 1199.98px) {
15203
- .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15204
- background-color: #f8f9fa;
15205
- border-color: transparent;
15206
- }
15207
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15208
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15209
- color: rgba(0, 0, 0, 0.5);
15210
- }
15211
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15212
- border-color: rgba(0, 0, 0, 0.5);
15213
- }
15214
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15215
- color: rgba(0, 0, 0, 0.7);
15216
- }
15217
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14981
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
15218
14982
  color: rgba(0, 0, 0, 0.9);
15219
14983
  }
15220
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15221
- color: rgba(0, 0, 0, 0.3);
15222
- }
15223
14984
  }
14985
+
15224
14986
  .navigation-bar-secondary {
15225
14987
  background-color: #6c757d;
15226
- border-color: transparent;
15227
- border-style: solid;
15228
14988
  color: #fff;
15229
14989
  }
15230
- .navigation-bar-secondary .nav-link,
14990
+ .navigation-bar-secondary .navbar-nav .nav-link,
15231
14991
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
15232
14992
  color: rgba(255, 255, 255, 0.65);
15233
14993
  }
15234
- .navigation-bar-secondary .nav-link:hover,
14994
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
15235
14995
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
15236
14996
  color: rgba(255, 255, 255, 0.9);
15237
14997
  }
15238
- .navigation-bar-secondary .nav-link.active, .navigation-bar-secondary .nav-link[aria-expanded=true],
15239
- .navigation-bar-secondary .navbar-nav .btn-unstyled.active,
15240
- .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true] {
14998
+ .navigation-bar-secondary .navbar-nav .nav-link:active,
14999
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:active {
15000
+ color: rgba(255, 255, 255, 0.9);
15001
+ }
15002
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
15003
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
15241
15004
  color: rgba(255, 255, 255, 0.9);
15242
15005
  }
15243
- .navigation-bar-secondary .nav-link.disabled, .navigation-bar-secondary .nav-link:disabled,
15244
- .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,
15245
- .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled {
15006
+ .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled,
15007
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled,
15008
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled {
15246
15009
  color: rgba(255, 255, 255, 0.25);
15247
15010
  opacity: 1;
15248
15011
  }
15012
+ .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show,
15013
+ .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],
15014
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.show {
15015
+ color: rgba(255, 255, 255, 0.9);
15016
+ }
15249
15017
  .navigation-bar-secondary .navbar-brand {
15250
15018
  color: rgba(255, 255, 255, 0.9);
15251
15019
  }
15252
15020
  .navigation-bar-secondary .navbar-brand:hover {
15253
15021
  color: rgba(255, 255, 255, 0.9);
15254
15022
  }
15255
- .navigation-bar-secondary .navbar-toggler {
15256
- color: rgba(255, 255, 255, 0.65);
15023
+ .navigation-bar-secondary .navbar-brand:active {
15024
+ color: rgba(255, 255, 255, 0.9);
15257
15025
  }
15258
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
15026
+ .navigation-bar-secondary .navbar-brand.active {
15259
15027
  color: rgba(255, 255, 255, 0.9);
15260
15028
  }
15029
+ .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
15030
+ color: rgba(255, 255, 255, 0.25);
15031
+ opacity: 1;
15032
+ }
15033
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
15034
+ color: rgba(255, 255, 255, 0.9);
15035
+ }
15036
+ .navigation-bar-secondary .navbar-toggler {
15037
+ color: rgba(255, 255, 255, 0.65);
15038
+ }
15261
15039
  .navigation-bar-secondary .navbar-overlay {
15262
15040
  background-color: #6c757d;
15263
15041
  }
15264
- @media (max-width: 575.98px) {
15265
- .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15266
- background-color: #6c757d;
15267
- border-color: transparent;
15268
- }
15269
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15270
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15271
- color: rgba(255, 255, 255, 0.65);
15272
- }
15273
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15274
- border-color: rgba(255, 255, 255, 0.65);
15275
- }
15276
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15277
- color: rgba(255, 255, 255, 0.9);
15278
- }
15279
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15280
- color: rgba(255, 255, 255, 0.9);
15281
- }
15282
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15283
- color: rgba(255, 255, 255, 0.25);
15284
- }
15285
- }
15286
15042
  @media (max-width: 767.98px) {
15287
- .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15288
- background-color: #6c757d;
15289
- border-color: transparent;
15290
- }
15291
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15292
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15043
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15293
15044
  color: rgba(255, 255, 255, 0.65);
15294
15045
  }
15295
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15296
- border-color: rgba(255, 255, 255, 0.65);
15297
- }
15298
15046
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15299
15047
  color: rgba(255, 255, 255, 0.9);
15300
15048
  }
15301
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15302
- color: rgba(255, 255, 255, 0.9);
15303
- }
15304
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15305
- color: rgba(255, 255, 255, 0.25);
15306
- }
15307
- }
15308
- @media (max-width: 991.98px) {
15309
- .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15310
- background-color: #6c757d;
15311
- border-color: transparent;
15312
- }
15313
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15314
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15315
- color: rgba(255, 255, 255, 0.65);
15316
- }
15317
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15318
- border-color: rgba(255, 255, 255, 0.65);
15319
- }
15320
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15049
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15321
15050
  color: rgba(255, 255, 255, 0.9);
15322
15051
  }
15323
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15052
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15324
15053
  color: rgba(255, 255, 255, 0.9);
15325
15054
  }
15326
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15055
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15327
15056
  color: rgba(255, 255, 255, 0.25);
15057
+ opacity: 1;
15328
15058
  }
15329
- }
15330
- @media (max-width: 1199.98px) {
15331
- .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15332
- background-color: #6c757d;
15333
- border-color: transparent;
15334
- }
15335
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15336
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15337
- color: rgba(255, 255, 255, 0.65);
15338
- }
15339
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15340
- border-color: rgba(255, 255, 255, 0.65);
15341
- }
15342
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15343
- color: rgba(255, 255, 255, 0.9);
15344
- }
15345
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15059
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
15346
15060
  color: rgba(255, 255, 255, 0.9);
15347
15061
  }
15348
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15349
- color: rgba(255, 255, 255, 0.25);
15350
- }
15351
15062
  }
15063
+
15352
15064
  .pagination {
15353
15065
  border-radius: 0.25rem;
15354
15066
  display: flex;
@@ -15357,14 +15069,24 @@ label.custom-control-label {
15357
15069
  margin-bottom: 0.5rem;
15358
15070
  padding-left: 0;
15359
15071
  }
15360
-
15361
15072
  .pagination-bar {
15362
15073
  align-items: center;
15363
15074
  display: flex;
15364
15075
  flex-wrap: wrap;
15365
15076
  }
15077
+ @media (max-width: 767.98px) {
15078
+ .pagination-bar {
15079
+ flex-direction: column;
15080
+ justify-content: center;
15081
+ }
15082
+ .pagination-bar .pagination {
15083
+ margin-top: 0.5rem;
15084
+ }
15085
+ }
15086
+
15366
15087
  .page-link {
15367
15088
  align-items: center;
15089
+ background-color: #fff;
15368
15090
  border-radius: 0;
15369
15091
  border-color: #dee2e6;
15370
15092
  border-style: solid;
@@ -15380,37 +15102,34 @@ label.custom-control-label {
15380
15102
  padding-right: 0.75rem;
15381
15103
  padding-top: 0.5rem;
15382
15104
  position: relative;
15383
- background-color: #fff;
15384
- }
15385
- .page-link > .c-inner {
15386
- margin-bottom: -0.5rem;
15387
- margin-left: -0.75rem;
15388
- margin-right: -0.75rem;
15389
- margin-top: -0.5rem;
15390
- }
15391
- .page-link .lexicon-icon {
15392
- margin-top: 0;
15393
15105
  }
15394
15106
  .page-link:hover {
15107
+ background-color: #e9ecef;
15395
15108
  border-color: #dee2e6;
15396
15109
  color: #0056b3;
15397
15110
  text-decoration: none;
15398
15111
  z-index: 2;
15399
- background-color: #e9ecef;
15400
15112
  }
15401
15113
  .page-link:focus {
15402
15114
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
15403
15115
  outline: 0;
15404
15116
  z-index: 4;
15405
15117
  }
15406
- .page-link:active, .page-link.active {
15118
+ .page-link:active {
15119
+ background-color: #007bff;
15407
15120
  border-color: #007bff;
15408
15121
  color: #fff;
15409
15122
  cursor: default;
15410
15123
  z-index: 3;
15124
+ }
15125
+ .page-link.active {
15411
15126
  background-color: #007bff;
15127
+ border-color: #007bff;
15128
+ color: #fff;
15129
+ z-index: 3;
15412
15130
  }
15413
15131
  .page-link:disabled, .page-link.disabled {
15132
+ background-color: #fff;
15414
15133
  border-color: #dee2e6;
15415
15134
  box-shadow: none;
15416
15135
  color: #6c757d;
@@ -15418,17 +15137,39 @@ label.custom-control-label {
15418
15137
  opacity: 1;
15419
15138
  pointer-events: auto;
15420
15139
  z-index: 0;
15421
- background-color: #fff;
15422
15140
  }
15423
- .page-item.active .page-link,
15424
- .page-item.show .page-link {
15141
+ .page-link:disabled:active, .page-link.disabled:active {
15142
+ pointer-events: none;
15143
+ }
15144
+ .page-link[aria-expanded=true], .page-link.show {
15145
+ background-color: #007bff;
15425
15146
  border-color: #007bff;
15426
15147
  color: #fff;
15427
- cursor: default;
15428
15148
  z-index: 3;
15149
+ }
15150
+ .page-link > .c-inner {
15151
+ margin-bottom: -0.5rem;
15152
+ margin-left: -0.75rem;
15153
+ margin-right: -0.75rem;
15154
+ margin-top: -0.5rem;
15155
+ }
15156
+ .page-link .lexicon-icon {
15157
+ margin-top: 0;
15158
+ }
15159
+
15160
+ .page-item {
15161
+ margin-left: -0.5px;
15162
+ margin-right: -0.5px;
15163
+ }
15164
+ .page-item.active .page-link {
15429
15165
  background-color: #007bff;
15166
+ border-color: #007bff;
15167
+ color: #fff;
15168
+ cursor: default;
15169
+ z-index: 3;
15430
15170
  }
15431
15171
  .page-item.disabled .page-link {
15172
+ background-color: #fff;
15432
15173
  border-color: #dee2e6;
15433
15174
  box-shadow: none;
15434
15175
  color: #6c757d;
@@ -15436,13 +15177,10 @@ label.custom-control-label {
15436
15177
  opacity: 1;
15437
15178
  pointer-events: auto;
15438
15179
  z-index: 0;
15439
- background-color: #fff;
15440
15180
  }
15441
- .page-item {
15442
- margin-left: -0.5px;
15443
- margin-right: -0.5px;
15181
+ .page-item.disabled .page-link:active {
15182
+ pointer-events: none;
15444
15183
  }
15445
-
15446
15184
  .page-item:first-child .page-link,
15447
15185
  .page-link-first {
15448
15186
  border-radius: 0.25rem 0 0 0.25rem;
@@ -15474,64 +15212,75 @@ label.custom-control-label {
15474
15212
  padding-top: 0.5rem;
15475
15213
  text-decoration: none;
15476
15214
  }
15477
- .pagination-items-per-page > a > .c-inner,
15478
- .pagination-items-per-page > button > .c-inner {
15479
- margin-bottom: -0.5rem;
15480
- margin-left: -0.75rem;
15481
- margin-right: -0.75rem;
15482
- margin-top: -0.5rem;
15483
- }
15484
- .pagination-items-per-page > a .lexicon-icon,
15485
- .pagination-items-per-page > button .lexicon-icon {
15486
- margin-left: 0.125rem;
15487
- margin-top: 0.125rem;
15488
- }
15489
15215
  .pagination-items-per-page > a:hover,
15490
15216
  .pagination-items-per-page > button:hover {
15217
+ background-color: #e9ecef;
15491
15218
  border-color: #dee2e6;
15492
15219
  color: #0056b3;
15493
- background-color: #e9ecef;
15494
15220
  }
15495
15221
  .pagination-items-per-page > a:focus,
15496
15222
  .pagination-items-per-page > button:focus {
15497
15223
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
15498
15224
  outline: 0;
15499
15225
  }
15500
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
15501
- .pagination-items-per-page > button:active,
15502
- .pagination-items-per-page > button.active {
15226
+ .pagination-items-per-page > a:active,
15227
+ .pagination-items-per-page > button:active {
15228
+ background-color: #007bff;
15503
15229
  border-color: #007bff;
15504
15230
  color: #fff;
15231
+ }
15232
+ .pagination-items-per-page > a.active,
15233
+ .pagination-items-per-page > button.active {
15505
15234
  background-color: #007bff;
15235
+ border-color: #007bff;
15236
+ color: #fff;
15506
15237
  }
15507
15238
  .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
15508
15239
  .pagination-items-per-page > button:disabled,
15509
15240
  .pagination-items-per-page > button.disabled {
15241
+ background-color: #fff;
15510
15242
  border-color: #dee2e6;
15511
15243
  box-shadow: none;
15512
15244
  color: #6c757d;
15513
15245
  cursor: not-allowed;
15514
15246
  opacity: 1;
15515
15247
  pointer-events: auto;
15516
- background-color: #fff;
15517
15248
  }
15518
- .pagination-items-per-page.active > a,
15519
- .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
15520
- .pagination-items-per-page.show > button {
15249
+ .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
15250
+ .pagination-items-per-page > button[aria-expanded=true],
15251
+ .pagination-items-per-page > button.show {
15252
+ background-color: #007bff;
15521
15253
  border-color: #007bff;
15522
15254
  color: #fff;
15523
- background-color: #007bff;
15255
+ }
15256
+ .pagination-items-per-page > a > .c-inner,
15257
+ .pagination-items-per-page > button > .c-inner {
15258
+ margin-bottom: -0.5rem;
15259
+ margin-left: -0.75rem;
15260
+ margin-right: -0.75rem;
15261
+ margin-top: -0.5rem;
15262
+ }
15263
+ .pagination-items-per-page > a .lexicon-icon,
15264
+ .pagination-items-per-page > button .lexicon-icon {
15265
+ margin-left: 0.125rem;
15266
+ margin-top: 0.125rem;
15524
15267
  }
15525
15268
  .pagination-items-per-page.disabled > a,
15526
15269
  .pagination-items-per-page.disabled > button {
15270
+ background-color: #fff;
15527
15271
  border-color: #dee2e6;
15528
15272
  box-shadow: none;
15529
15273
  color: #6c757d;
15530
15274
  cursor: not-allowed;
15531
15275
  opacity: 1;
15532
15276
  pointer-events: auto;
15533
- background-color: #fff;
15534
15277
  }
15278
+ @media (max-width: 767.98px) {
15279
+ .pagination-items-per-page + .pagination-results {
15280
+ margin-left: auto;
15281
+ }
15282
+ }
15283
+
15535
15284
  .pagination-results {
15536
15285
  border-color: transparent;
15537
15286
  border-style: solid;
@@ -15541,28 +15290,10 @@ label.custom-control-label {
15541
15290
  margin-right: auto;
15542
15291
  max-width: 100%;
15543
15292
  padding: 0.5rem 0.75rem;
15293
+ overflow-wrap: break-word;
15544
15294
  word-wrap: break-word;
15545
15295
  }
15546
15296
 
15547
- .pagination-sm .pagination-items-per-page {
15548
- border-radius: 0.2rem;
15549
- }
15550
- .pagination-sm .pagination-items-per-page > a,
15551
- .pagination-sm .pagination-items-per-page > .btn-unstyled {
15552
- font-size: 0.875rem;
15553
- height: 1.9375rem;
15554
- line-height: 1;
15555
- padding: 0.25rem 0.75rem;
15556
- }
15557
- .pagination-sm .pagination-items-per-page > a .c-inner,
15558
- .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner {
15559
- margin: -0.25rem -0.75rem;
15560
- }
15561
- .pagination-sm .pagination-results {
15562
- font-size: 0.875rem;
15563
- line-height: 1;
15564
- padding: 0.25rem 0.75rem;
15565
- }
15566
15297
  .pagination-sm .page-link {
15567
15298
  font-size: 0.875rem;
15568
15299
  height: 1.9375rem;
@@ -15572,11 +15303,11 @@ label.custom-control-label {
15572
15303
  padding-left: 0.5rem;
15573
15304
  padding-top: 0.25rem;
15574
15305
  }
15575
- .pagination-sm .page-link .c-inner {
15576
- margin: -0.25rem -0.5rem;
15577
- }
15578
- .pagination-sm .page-link.btn-unstyled {
15579
- padding: 0.25rem 0.5rem;
15306
+ .pagination-sm .page-link > .c-inner {
15307
+ margin-bottom: -0.25rem;
15308
+ margin-left: -0.5rem;
15309
+ margin-right: -0.5rem;
15310
+ margin-top: -0.25rem;
15580
15311
  }
15581
15312
  .pagination-sm .page-item:first-child .page-link,
15582
15313
  .pagination-sm .page-link-first {
@@ -15588,26 +15319,32 @@ label.custom-control-label {
15588
15319
  border-bottom-right-radius: 0.2rem;
15589
15320
  border-top-right-radius: 0.2rem;
15590
15321
  }
15591
-
15592
- .pagination-lg .pagination-items-per-page {
15593
- border-radius: 0.3rem;
15322
+ .pagination-sm .pagination-items-per-page {
15323
+ border-radius: 0.2rem;
15594
15324
  }
15595
- .pagination-lg .pagination-items-per-page > a,
15596
- .pagination-lg .pagination-items-per-page > .btn-unstyled {
15597
- font-size: 1.25rem;
15598
- height: 3.5rem;
15325
+ .pagination-sm .pagination-items-per-page > a,
15326
+ .pagination-sm .pagination-items-per-page > button {
15327
+ font-size: 0.875rem;
15328
+ height: 1.9375rem;
15599
15329
  line-height: 1;
15600
- padding: 0.75rem 0.75rem;
15330
+ padding-bottom: 0.25rem;
15331
+ padding-left: 0.75rem;
15332
+ padding-right: 0.75rem;
15333
+ padding-top: 0.25rem;
15601
15334
  }
15602
- .pagination-lg .pagination-items-per-page > a .c-inner,
15603
- .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner {
15604
- margin: -0.75rem -0.75rem;
15335
+ .pagination-sm .pagination-items-per-page > a > .c-inner,
15336
+ .pagination-sm .pagination-items-per-page > button > .c-inner {
15337
+ margin-bottom: -0.25rem;
15338
+ margin-left: -0.75rem;
15339
+ margin-right: -0.75rem;
15340
+ margin-top: -0.25rem;
15605
15341
  }
15606
- .pagination-lg .pagination-results {
15607
- font-size: 1.25rem;
15342
+ .pagination-sm .pagination-items-per-page + .pagination-results {
15343
+ font-size: 0.875rem;
15608
15344
  line-height: 1;
15609
- padding: 0.75rem 0.75rem;
15345
+ padding: 0.25rem 0.75rem;
15610
15346
  }
15347
+
15611
15348
  .pagination-lg .page-link {
15612
15349
  font-size: 1.25rem;
15613
15350
  height: 3.5rem;
@@ -15617,11 +15354,11 @@ label.custom-control-label {
15617
15354
  padding-right: 1.5rem;
15618
15355
  padding-top: 0.75rem;
15619
15356
  }
15620
- .pagination-lg .page-link .c-inner {
15621
- margin: -0.75rem -1.5rem;
15622
- }
15623
- .pagination-lg .page-link.btn-unstyled {
15624
- padding: 0.75rem 1.5rem;
15357
+ .pagination-lg .page-link > .c-inner {
15358
+ margin-bottom: -0.75rem;
15359
+ margin-left: -1.5rem;
15360
+ margin-right: -1.5rem;
15361
+ margin-top: -0.75rem;
15625
15362
  }
15626
15363
  .pagination-lg .page-item:first-child .page-link,
15627
15364
  .pagination-lg .page-link-first {
@@ -15633,6 +15370,21 @@ label.custom-control-label {
15633
15370
  border-bottom-right-radius: 0.3rem;
15634
15371
  border-top-right-radius: 0.3rem;
15635
15372
  }
15373
+ .pagination-lg .pagination-items-per-page {
15374
+ border-radius: 0.3rem;
15375
+ }
15376
+ .pagination-lg .pagination-items-per-page > a,
15377
+ .pagination-lg .pagination-items-per-page > button {
15378
+ font-size: 1.25rem;
15379
+ height: 3.5rem;
15380
+ line-height: 1;
15381
+ padding: 0.75rem 0.75rem;
15382
+ }
15383
+ .pagination-lg .pagination-items-per-page + .pagination-results {
15384
+ font-size: 1.25rem;
15385
+ line-height: 1;
15386
+ padding: 0.75rem 0.75rem;
15387
+ }
15636
15388
 
15637
15389
  .panel {
15638
15390
  background-color: #fff;
@@ -15926,13 +15678,12 @@ label.custom-control-label {
15926
15678
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
15927
15679
  border-radius: 0.3rem;
15928
15680
  display: block;
15929
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
15681
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
15930
15682
  font-size: 0.875rem;
15931
15683
  font-style: normal;
15932
15684
  font-weight: 400;
15933
15685
  left: 0;
15934
15686
  letter-spacing: normal;
15935
- line-break: auto;
15936
15687
  line-height: 1.5;
15937
15688
  max-width: 276px;
15938
15689
  position: absolute;
@@ -15944,6 +15695,7 @@ label.custom-control-label {
15944
15695
  white-space: normal;
15945
15696
  word-break: normal;
15946
15697
  word-spacing: normal;
15698
+ overflow-wrap: break-word;
15947
15699
  word-wrap: break-word;
15948
15700
  z-index: 1060;
15949
15701
  }
@@ -15954,13 +15706,23 @@ label.custom-control-label {
15954
15706
  position: absolute;
15955
15707
  width: 1rem;
15956
15708
  }
15957
- .popover .arrow::before, .popover .arrow::after {
15709
+ .popover .arrow::before {
15710
+ border-color: transparent;
15711
+ border-style: solid;
15712
+ content: "";
15713
+ display: block;
15714
+ position: absolute;
15715
+ }
15716
+ .popover .arrow::after {
15958
15717
  border-color: transparent;
15959
15718
  border-style: solid;
15960
15719
  content: "";
15961
15720
  display: block;
15962
15721
  position: absolute;
15963
15722
  }
15723
+ .popover .inline-scroller {
15724
+ max-height: 14.75rem;
15725
+ }
15964
15726
 
15965
15727
  .bs-popover-bottom,
15966
15728
  .bs-popover-auto[x-placement^=bottom] {
@@ -16071,20 +15833,11 @@ label.custom-control-label {
16071
15833
  bottom: 0.0625rem;
16072
15834
  }
16073
15835
 
16074
- .popover .inline-scroller {
16075
- max-height: 14.75rem;
16076
- }
16077
-
16078
15836
  .popover-header {
16079
15837
  background-color: #f7f7f7;
16080
15838
  border-bottom: 0.0625rem solid #ebebeb;
16081
15839
  border-top-left-radius: 0.2375rem;
16082
15840
  border-top-right-radius: 0.2375rem;
16083
- }
16084
-
16085
- .popover-header {
16086
- border-top-left-radius: 0.2375rem;
16087
- border-top-right-radius: 0.2375rem;
16088
15841
  font-size: 1rem;
16089
15842
  font-weight: 500;
16090
15843
  margin-bottom: 0;
@@ -16110,16 +15863,11 @@ label.custom-control-label {
16110
15863
  .clay-popover-top .arrow,
16111
15864
  .clay-popover-top-left .arrow,
16112
15865
  .clay-popover-top-right .arrow {
15866
+ left: 50%;
15867
+ margin-left: -0.5rem;
16113
15868
  bottom: calc((0.5rem + 0.0625rem) * -1);
16114
15869
  margin: 0;
16115
15870
  }
16116
- .clay-popover-top .arrow::after,
16117
- .clay-popover-top-left .arrow::after,
16118
- .clay-popover-top-right .arrow::after {
16119
- border-top-color: #fff;
16120
- border-width: 0.5rem 0.5rem 0;
16121
- bottom: 0.0625rem;
16122
- }
16123
15871
  .clay-popover-top .arrow::before,
16124
15872
  .clay-popover-top-left .arrow::before,
16125
15873
  .clay-popover-top-right .arrow::before {
@@ -16127,11 +15875,22 @@ label.custom-control-label {
16127
15875
  border-width: 0.5rem 0.5rem 0;
16128
15876
  bottom: 0;
16129
15877
  }
16130
-
16131
- .clay-popover-top .arrow::after {
15878
+ .clay-popover-top .arrow::after,
15879
+ .clay-popover-top-left .arrow::after,
15880
+ .clay-popover-top-right .arrow::after {
16132
15881
  border-top-color: #fff;
15882
+ border-width: 0.5rem 0.5rem 0;
15883
+ bottom: 0.0625rem;
15884
+ }
15885
+ .clay-popover-top-left .arrow {
15886
+ left: 0.375rem;
15887
+ margin: 0;
15888
+ }
15889
+ .clay-popover-top-right .arrow {
15890
+ left: auto;
15891
+ right: 0.375rem;
15892
+ margin: 0;
16133
15893
  }
16134
-
16135
15894
  .clay-popover-right,
16136
15895
  .clay-popover-right-bottom,
16137
15896
  .clay-popover-right-top {
@@ -16142,16 +15901,10 @@ label.custom-control-label {
16142
15901
  .clay-popover-right-top .arrow {
16143
15902
  height: 1rem;
16144
15903
  left: calc((0.5rem + 0.0625rem) * -1);
16145
- margin: 0;
15904
+ margin: -0.25rem 0 0;
15905
+ top: 50%;
16146
15906
  width: 0.5rem;
16147
15907
  }
16148
- .clay-popover-right .arrow::after,
16149
- .clay-popover-right-bottom .arrow::after,
16150
- .clay-popover-right-top .arrow::after {
16151
- border-right-color: #fff;
16152
- border-width: 0.5rem 0.5rem 0.5rem 0;
16153
- left: 0.0625rem;
16154
- }
16155
15908
  .clay-popover-right .arrow::before,
16156
15909
  .clay-popover-right-bottom .arrow::before,
16157
15910
  .clay-popover-right-top .arrow::before {
@@ -16159,15 +15912,25 @@ label.custom-control-label {
16159
15912
  border-width: 0.5rem 0.5rem 0.5rem 0;
16160
15913
  left: 0;
16161
15914
  }
16162
-
16163
- .clay-popover-right .arrow::after {
15915
+ .clay-popover-right .arrow::after,
15916
+ .clay-popover-right-bottom .arrow::after,
15917
+ .clay-popover-right-top .arrow::after {
16164
15918
  border-right-color: #fff;
15919
+ border-width: 0.5rem 0.5rem 0.5rem 0;
15920
+ left: 0.0625rem;
15921
+ }
15922
+ .clay-popover-right-bottom .arrow {
15923
+ bottom: 0.375rem;
15924
+ margin: 0;
15925
+ top: auto;
15926
+ }
15927
+ .clay-popover-right-top .arrow {
15928
+ margin: 0;
15929
+ top: 0.375rem;
16165
15930
  }
16166
-
16167
15931
  .clay-popover-right-top .arrow::after {
16168
15932
  border-right-color: #f7f7f7;
16169
15933
  }
16170
-
16171
15934
  .clay-popover-bottom,
16172
15935
  .clay-popover-bottom-left,
16173
15936
  .clay-popover-bottom-right {
@@ -16176,36 +15939,38 @@ label.custom-control-label {
16176
15939
  .clay-popover-bottom .arrow,
16177
15940
  .clay-popover-bottom-left .arrow,
16178
15941
  .clay-popover-bottom-right .arrow {
16179
- margin: 0;
15942
+ left: 50%;
15943
+ margin: 0 0 0 -0.5rem;
16180
15944
  top: calc((0.5rem + 0.0625rem) * -1);
16181
15945
  }
16182
- .clay-popover-bottom .arrow:after,
16183
- .clay-popover-bottom-left .arrow:after,
16184
- .clay-popover-bottom-right .arrow:after {
16185
- border-bottom-color: #fff;
16186
- border-width: 0 0.5rem 0.5rem 0.5rem;
16187
- top: 0.0625rem;
16188
- }
16189
- .clay-popover-bottom .arrow:before,
16190
- .clay-popover-bottom-left .arrow:before,
16191
- .clay-popover-bottom-right .arrow:before {
15946
+ .clay-popover-bottom .arrow::before,
15947
+ .clay-popover-bottom-left .arrow::before,
15948
+ .clay-popover-bottom-right .arrow::before {
16192
15949
  border-bottom-color: rgba(0, 0, 0, 0.25);
16193
15950
  border-width: 0 0.5rem 0.5rem 0.5rem;
16194
15951
  top: 0;
16195
15952
  }
16196
-
16197
- .clay-popover-bottom .arrow::after {
15953
+ .clay-popover-bottom .arrow::after,
15954
+ .clay-popover-bottom-left .arrow::after,
15955
+ .clay-popover-bottom-right .arrow::after {
16198
15956
  border-bottom-color: #f7f7f7;
15957
+ border-width: 0 0.5rem 0.5rem 0.5rem;
15958
+ top: 0.0625rem;
15959
+ }
15960
+ .clay-popover-bottom-left .arrow {
15961
+ left: 0.375rem;
15962
+ margin: 0;
16199
15963
  }
16200
-
16201
15964
  .clay-popover-bottom-left .arrow::after {
16202
15965
  border-bottom-color: #f7f7f7;
16203
15966
  }
16204
-
15967
+ .clay-popover-bottom-right .arrow {
15968
+ left: auto;
15969
+ right: 0.375rem;
15970
+ }
16205
15971
  .clay-popover-bottom-right .arrow::after {
16206
15972
  border-bottom-color: #f7f7f7;
16207
15973
  }
16208
-
16209
15974
  .clay-popover-left,
16210
15975
  .clay-popover-left-bottom,
16211
15976
  .clay-popover-left-top {
@@ -16215,17 +15980,11 @@ label.custom-control-label {
16215
15980
  .clay-popover-left-bottom .arrow,
16216
15981
  .clay-popover-left-top .arrow {
16217
15982
  height: 1rem;
16218
- margin: 0;
15983
+ margin: -0.25rem 0 0;
16219
15984
  right: calc((0.5rem + 0.0625rem) * -1);
15985
+ top: 50%;
16220
15986
  width: 0.5rem;
16221
15987
  }
16222
- .clay-popover-left .arrow::after,
16223
- .clay-popover-left-bottom .arrow::after,
16224
- .clay-popover-left-top .arrow::after {
16225
- border-left-color: #fff;
16226
- border-width: 0.5rem 0 0.5rem 0.5rem;
16227
- right: 0.0625rem;
16228
- }
16229
15988
  .clay-popover-left .arrow::before,
16230
15989
  .clay-popover-left-bottom .arrow::before,
16231
15990
  .clay-popover-left-top .arrow::before {
@@ -16233,47 +15992,25 @@ label.custom-control-label {
16233
15992
  border-width: 0.5rem 0 0.5rem 0.5rem;
16234
15993
  right: 0;
16235
15994
  }
16236
-
16237
- .clay-popover-left .arrow::after {
16238
- border-left-color: #fff;
16239
- }
16240
-
15995
+ .clay-popover-left .arrow::after,
15996
+ .clay-popover-left-bottom .arrow::after,
16241
15997
  .clay-popover-left-top .arrow::after {
16242
- border-left-color: #f7f7f7;
16243
- }
16244
-
16245
- .clay-popover-bottom .arrow,
16246
- .clay-popover-top .arrow {
16247
- left: 50%;
16248
- margin-left: -0.5rem;
16249
- }
16250
-
16251
- .clay-popover-bottom-left .arrow,
16252
- .clay-popover-top-left .arrow {
16253
- left: 0.375rem;
16254
- }
16255
-
16256
- .clay-popover-bottom-right .arrow,
16257
- .clay-popover-top-right .arrow {
16258
- right: 0.375rem;
16259
- }
16260
-
16261
- .clay-popover-left .arrow,
16262
- .clay-popover-right .arrow {
16263
- margin-top: -0.25rem;
16264
- top: 50%;
15998
+ border-left-color: #fff;
15999
+ border-width: 0.5rem 0 0.5rem 0.5rem;
16000
+ right: 0.0625rem;
16265
16001
  }
16266
-
16267
- .clay-popover-left-bottom .arrow,
16268
- .clay-popover-right-bottom .arrow {
16002
+ .clay-popover-left-bottom .arrow {
16269
16003
  bottom: 0.375rem;
16004
+ margin: 0;
16005
+ top: auto;
16270
16006
  }
16271
-
16272
- .clay-popover-left-top .arrow,
16273
- .clay-popover-right-top .arrow {
16007
+ .clay-popover-left-top .arrow {
16008
+ margin: 0;
16274
16009
  top: 0.375rem;
16275
16010
  }
16276
-
16011
+ .clay-popover-left-top .arrow::after {
16012
+ border-left-color: #f7f7f7;
16013
+ }
16277
16014
  .progress {
16278
16015
  background-color: #e9ecef;
16279
16016
  border-radius: 0.25rem;
@@ -16862,122 +16599,50 @@ a.sheet-subtitle:hover {
16862
16599
  .sidebar-light .component-navigation-bar {
16863
16600
  background-color: #f8f9fa;
16864
16601
  border-color: #dee2e6;
16865
- border-style: solid;
16866
16602
  }
16867
- .sidebar-light .component-navigation-bar .nav-link,
16603
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
16868
16604
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
16869
16605
  color: rgba(0, 0, 0, 0.5);
16870
16606
  }
16871
- .sidebar-light .component-navigation-bar .nav-link:hover,
16607
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
16872
16608
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
16873
16609
  color: rgba(0, 0, 0, 0.7);
16874
16610
  }
16875
- .sidebar-light .component-navigation-bar .nav-link.active, .sidebar-light .component-navigation-bar .nav-link[aria-expanded=true],
16876
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active,
16877
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true] {
16611
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active,
16612
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:active {
16613
+ color: rgba(0, 0, 0, 0.9);
16614
+ }
16615
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
16616
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
16878
16617
  color: rgba(0, 0, 0, 0.9);
16879
16618
  }
16880
- .sidebar-light .component-navigation-bar .nav-link.disabled, .sidebar-light .component-navigation-bar .nav-link:disabled,
16881
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled,
16882
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled {
16619
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled,
16620
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled,
16621
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled {
16883
16622
  color: rgba(0, 0, 0, 0.3);
16884
16623
  }
16885
- .sidebar-light .component-navigation-bar .navbar-toggler {
16886
- color: rgba(0, 0, 0, 0.5);
16624
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show,
16625
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true],
16626
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.show {
16627
+ color: rgba(0, 0, 0, 0.9);
16887
16628
  }
16888
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
16629
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
16889
16630
  color: rgba(0, 0, 0, 0.9);
16890
16631
  }
16891
- .sidebar-light .component-navigation-bar .navbar-overlay {
16892
- background-color: #f8f9fa;
16632
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
16633
+ color: rgba(0, 0, 0, 0.9);
16893
16634
  }
16894
- @media (max-width: 575.98px) {
16895
- .sidebar-light .component-navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16896
- background-color: #f8f9fa;
16897
- border-color: #dee2e6;
16898
- }
16899
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16900
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16901
- color: rgba(0, 0, 0, 0.5);
16902
- }
16903
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16904
- border-color: rgba(0, 0, 0, 0.5);
16905
- }
16906
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16907
- color: rgba(0, 0, 0, 0.7);
16908
- }
16909
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16910
- color: rgba(0, 0, 0, 0.9);
16911
- }
16912
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16913
- color: rgba(0, 0, 0, 0.3);
16914
- }
16635
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
16636
+ color: rgba(0, 0, 0, 0.3);
16915
16637
  }
16916
- @media (max-width: 767.98px) {
16917
- .sidebar-light .component-navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16918
- background-color: #f8f9fa;
16919
- border-color: #dee2e6;
16920
- }
16921
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16922
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16923
- color: rgba(0, 0, 0, 0.5);
16924
- }
16925
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16926
- border-color: rgba(0, 0, 0, 0.5);
16927
- }
16928
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16929
- color: rgba(0, 0, 0, 0.7);
16930
- }
16931
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16932
- color: rgba(0, 0, 0, 0.9);
16933
- }
16934
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16935
- color: rgba(0, 0, 0, 0.3);
16936
- }
16638
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
16639
+ color: rgba(0, 0, 0, 0.9);
16937
16640
  }
16938
- @media (max-width: 991.98px) {
16939
- .sidebar-light .component-navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16940
- background-color: #f8f9fa;
16941
- border-color: #dee2e6;
16942
- }
16943
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16944
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16945
- color: rgba(0, 0, 0, 0.5);
16946
- }
16947
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16948
- border-color: rgba(0, 0, 0, 0.5);
16949
- }
16950
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
16951
- color: rgba(0, 0, 0, 0.7);
16952
- }
16953
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16954
- color: rgba(0, 0, 0, 0.9);
16955
- }
16956
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16957
- color: rgba(0, 0, 0, 0.3);
16958
- }
16641
+ .sidebar-light .component-navigation-bar .navbar-toggler {
16642
+ color: rgba(0, 0, 0, 0.5);
16959
16643
  }
16960
- @media (max-width: 1199.98px) {
16961
- .sidebar-light .component-navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16962
- background-color: #f8f9fa;
16963
- border-color: #dee2e6;
16964
- }
16965
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16966
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16967
- color: rgba(0, 0, 0, 0.5);
16968
- }
16969
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16970
- border-color: rgba(0, 0, 0, 0.5);
16971
- }
16972
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16973
- color: rgba(0, 0, 0, 0.7);
16974
- }
16975
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16976
- color: rgba(0, 0, 0, 0.9);
16977
- }
16978
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16979
- color: rgba(0, 0, 0, 0.3);
16980
- }
16644
+ .sidebar-light .component-navigation-bar .navbar-overlay {
16645
+ background-color: #f8f9fa;
16981
16646
  }
16982
16647
  .sidebar-dark {
16983
16648
  background-color: #343a40;
@@ -17028,9 +16693,6 @@ a.sheet-subtitle:hover {
17028
16693
  .sidebar-dark .nav-nested .nav-link.active {
17029
16694
  color: #fff;
17030
16695
  }
17031
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
17032
- color: #fff;
17033
- }
17034
16696
  .sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
17035
16697
  box-shadow: none;
17036
16698
  color: #a9afb5;
@@ -17039,6 +16701,9 @@ a.sheet-subtitle:hover {
17039
16701
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
17040
16702
  pointer-events: none;
17041
16703
  }
16704
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
16705
+ color: #fff;
16706
+ }
17042
16707
  .c-slideout-transition-in {
17043
16708
  transition: all 0.3s ease-in-out;
17044
16709
  }
@@ -18585,13 +18250,17 @@ caption {
18585
18250
  background-color: #e9ecef;
18586
18251
  color: #343a40;
18587
18252
  }
18588
- .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.active, .tbar-light .tbar-btn-monospaced.show, .show > .tbar-light .tbar-btn-monospaced.dropdown-toggle {
18253
+ .tbar-light .tbar-btn-monospaced.active {
18589
18254
  background-color: #e9ecef;
18590
18255
  color: #343a40;
18591
18256
  }
18592
18257
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
18593
18258
  color: inherit;
18594
18259
  }
18260
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
18261
+ background-color: #e9ecef;
18262
+ color: #343a40;
18263
+ }
18595
18264
  .tbar-light .tbar-label {
18596
18265
  border-width: 0.0625rem;
18597
18266
  }
@@ -18617,13 +18286,17 @@ caption {
18617
18286
  background-color: rgba(255, 255, 255, 0.06);
18618
18287
  color: #fff;
18619
18288
  }
18620
- .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.active, .tbar-dark-l2 .tbar-btn-monospaced.show, .show > .tbar-dark-l2 .tbar-btn-monospaced.dropdown-toggle {
18289
+ .tbar-dark-l2 .tbar-btn-monospaced.active {
18621
18290
  background-color: rgba(255, 255, 255, 0.06);
18622
18291
  color: #fff;
18623
18292
  }
18624
18293
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
18625
18294
  color: inherit;
18626
18295
  }
18296
+ .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
18297
+ background-color: rgba(255, 255, 255, 0.06);
18298
+ color: #fff;
18299
+ }
18627
18300
  .tbar-dark-l2 .tbar-label {
18628
18301
  border-width: 0.0625rem;
18629
18302
  }
@@ -18648,11 +18321,11 @@ caption {
18648
18321
  background-color: rgba(255, 255, 255, 0.06);
18649
18322
  color: #fff;
18650
18323
  }
18651
- .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.active, .tbar-dark-d1 .tbar-btn-monospaced.show, .show > .tbar-dark-d1 .tbar-btn-monospaced.dropdown-toggle {
18324
+ .tbar-dark-d1 .tbar-btn-monospaced.active {
18652
18325
  background-color: rgba(255, 255, 255, 0.06);
18653
18326
  color: #fff;
18654
18327
  }
18655
- .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true]::after, .tbar-dark-d1 .tbar-btn-monospaced.active::after, .tbar-dark-d1 .tbar-btn-monospaced.show::after, .show > .tbar-dark-d1 .tbar-btn-monospaced.dropdown-toggle::after {
18328
+ .tbar-dark-d1 .tbar-btn-monospaced.active::after {
18656
18329
  background-color: #75b8ff;
18657
18330
  bottom: 0;
18658
18331
  content: "";
@@ -18665,6 +18338,10 @@ caption {
18665
18338
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
18666
18339
  color: inherit;
18667
18340
  }
18341
+ .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
18342
+ background-color: rgba(255, 255, 255, 0.06);
18343
+ color: #fff;
18344
+ }
18668
18345
  .tbar-dark-d1 .tbar-label {
18669
18346
  border-width: 0.0625rem;
18670
18347
  }
@@ -18930,49 +18607,15 @@ caption {
18930
18607
  max-width: 75px;
18931
18608
  }
18932
18609
 
18933
- .simple-toggle-switch.toggle-switch {
18934
- align-items: center;
18935
- display: inline-flex;
18936
- }
18937
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
18938
- margin-right: 0.5rem;
18939
- }
18940
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
18941
- margin-left: 0.5rem;
18942
- }
18943
- .simple-toggle-switch .toggle-switch-label {
18944
- line-height: 1;
18945
- margin-bottom: 0;
18946
- max-width: calc(
18947
- 100% - 58px
18948
- );
18949
- }
18950
-
18951
- .simple-toggle-switch-reverse .toggle-switch-label {
18952
- margin-right: 0.5rem;
18953
- }
18954
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
18955
- order: 5;
18956
- }
18957
- .simple-toggle-switch-reverse .toggle-switch-check-bar .toggle-switch-bar {
18958
- order: 0;
18959
- }
18960
- .simple-toggle-switch-reverse .toggle-switch-bar {
18961
- order: 5;
18962
- }
18963
-
18964
- label.toggle-switch {
18965
- cursor: pointer;
18966
- }
18967
- label.toggle-switch.disabled {
18968
- cursor: not-allowed;
18969
- }
18970
-
18971
18610
  .toggle-switch {
18611
+ cursor: pointer;
18972
18612
  display: inline-block;
18973
18613
  max-width: 100%;
18974
18614
  position: relative;
18975
18615
  }
18616
+ .toggle-switch.disabled {
18617
+ cursor: not-allowed;
18618
+ }
18976
18619
  .toggle-switch.disabled .toggle-switch-label {
18977
18620
  color: #6c757d;
18978
18621
  cursor: not-allowed;
@@ -18980,7 +18623,6 @@ label.toggle-switch.disabled {
18980
18623
  .toggle-switch.disabled .toggle-switch-text {
18981
18624
  color: #6c757d;
18982
18625
  }
18983
-
18984
18626
  .toggle-switch-check-bar {
18985
18627
  display: inline-flex;
18986
18628
  position: relative;
@@ -19000,7 +18642,6 @@ label.toggle-switch.disabled {
19000
18642
  .toggle-switch-bar .button-icon {
19001
18643
  font-size: 0.75rem;
19002
18644
  }
19003
-
19004
18645
  .toggle-switch-check {
19005
18646
  bottom: 0;
19006
18647
  font-size: 62.5%;
@@ -19010,7 +18651,7 @@ label.toggle-switch.disabled {
19010
18651
  width: 50px;
19011
18652
  z-index: 2;
19012
18653
  }
19013
- .toggle-switch-check:empty ~ .toggle-switch-bar {
18654
+ .toggle-switch-check ~ .toggle-switch-bar {
19014
18655
  display: inline-flex;
19015
18656
  font-size: 0.75rem;
19016
18657
  height: 25px;
@@ -19018,49 +18659,71 @@ label.toggle-switch.disabled {
19018
18659
  position: relative;
19019
18660
  text-indent: 0;
19020
18661
  -ms-user-select: none;
18662
+ -moz-user-select: none;
18663
+ -webkit-user-select: none;
19021
18664
  user-select: none;
19022
18665
  }
19023
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
19024
- background-color: #fff;
18666
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18667
+ background-color: #e9ecef;
19025
18668
  border-color: #ced4da;
19026
- border-radius: 3px 0 0 3px;
18669
+ border-radius: 3px;
19027
18670
  border-style: solid;
19028
18671
  border-width: 1px;
19029
18672
  bottom: 0;
19030
- content: "";
18673
+ content: " ";
19031
18674
  display: block;
19032
- height: 25px;
19033
18675
  left: 0;
19034
18676
  position: absolute;
19035
18677
  top: 0;
19036
18678
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
19037
- width: 25px;
18679
+ width: 50px;
19038
18680
  }
19039
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
19040
- background-color: #e9ecef;
18681
+ @media (prefers-reduced-motion: reduce) {
18682
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18683
+ transition: none;
18684
+ }
18685
+ }
18686
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18687
+ background-color: #fff;
19041
18688
  border-color: #ced4da;
19042
- border-radius: 3px;
18689
+ border-radius: 3px 0 0 3px;
19043
18690
  border-style: solid;
19044
18691
  border-width: 1px;
19045
18692
  bottom: 0;
19046
- content: " ";
18693
+ content: "";
19047
18694
  display: block;
18695
+ height: 25px;
19048
18696
  left: 0;
19049
18697
  position: absolute;
19050
18698
  top: 0;
19051
18699
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
19052
- width: 50px;
18700
+ width: 25px;
18701
+ }
18702
+ @media (prefers-reduced-motion: reduce) {
18703
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18704
+ transition: none;
18705
+ }
18706
+ }
18707
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18708
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18709
+ }
18710
+ @media (prefers-reduced-motion: reduce) {
18711
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18712
+ transition: none;
18713
+ }
19053
18714
  }
19054
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
18715
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
19055
18716
  content: attr(data-label-off);
19056
18717
  margin-left: 58px;
19057
18718
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
19058
18719
  white-space: nowrap;
19059
18720
  }
19060
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:before {
19061
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18721
+ @media (prefers-reduced-motion: reduce) {
18722
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18723
+ transition: none;
18724
+ }
19062
18725
  }
19063
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
18726
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
19064
18727
  color: #495057;
19065
18728
  left: 0;
19066
18729
  line-height: 25px;
@@ -19072,58 +18735,119 @@ label.toggle-switch.disabled {
19072
18735
  width: 25px;
19073
18736
  z-index: 1;
19074
18737
  }
19075
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
18738
+ @media (prefers-reduced-motion: reduce) {
18739
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18740
+ transition: none;
18741
+ }
18742
+ }
18743
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
19076
18744
  left: 0;
19077
18745
  opacity: 0;
19078
18746
  }
19079
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
18747
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
19080
18748
  left: 25px;
19081
18749
  }
19082
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
18750
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
19083
18751
  color: #495057;
19084
18752
  }
19085
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
18753
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
19086
18754
  opacity: 0;
19087
18755
  }
19088
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
19089
- background-color: #fff;
18756
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
18757
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
18758
+ }
18759
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
18760
+ cursor: not-allowed;
18761
+ opacity: 0.4;
18762
+ }
18763
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
18764
+ background-color: #007bff;
19090
18765
  border-color: #007bff;
19091
- border-radius: 0 3px 3px 0;
18766
+ border-radius: 3px;
19092
18767
  border-style: solid;
19093
18768
  border-width: 1px;
19094
- left: 25px;
19095
18769
  }
19096
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
19097
- background-color: #007bff;
18770
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
18771
+ background-color: #fff;
19098
18772
  border-color: #007bff;
19099
- border-radius: 3px;
18773
+ border-radius: 0 3px 3px 0;
19100
18774
  border-style: solid;
19101
18775
  border-width: 1px;
18776
+ left: 25px;
19102
18777
  }
19103
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
18778
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
19104
18779
  content: attr(data-label-on);
19105
18780
  }
19106
18781
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
19107
18782
  color: #fff;
19108
18783
  }
18784
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
18785
+ opacity: 1;
18786
+ }
18787
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
18788
+ opacity: 0;
18789
+ }
19109
18790
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
19110
18791
  color: #007bff;
19111
18792
  left: 25px;
19112
18793
  }
19113
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
19114
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
18794
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
19115
18795
  opacity: 1;
19116
18796
  }
19117
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
19118
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
18797
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
19119
18798
  opacity: 0;
19120
18799
  }
19121
- .toggle-switch-check:disabled ~ .toggle-switch-bar, .toggle-switch-check.disabled ~ .toggle-switch-bar {
19122
- cursor: not-allowed;
19123
- opacity: 0.4;
19124
- }
19125
- .toggle-switch-check:focus ~ .toggle-switch-bar:before {
19126
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
18800
+ @media (max-width: 767.98px) {
18801
+ .toggle-switch-check {
18802
+ height: 25px;
18803
+ width: 50px;
18804
+ }
18805
+ .toggle-switch-check ~ .toggle-switch-bar {
18806
+ height: 25px;
18807
+ line-height: 25px;
18808
+ text-indent: 0;
18809
+ }
18810
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18811
+ width: 50px;
18812
+ }
18813
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18814
+ bottom: 0;
18815
+ height: 25px;
18816
+ left: 0;
18817
+ top: 0;
18818
+ width: 25px;
18819
+ }
18820
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
18821
+ min-width: 50px;
18822
+ }
18823
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18824
+ margin-left: 58px;
18825
+ }
18826
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18827
+ font-size: 0.75rem;
18828
+ left: 0;
18829
+ line-height: 25px;
18830
+ top: 0;
18831
+ width: 25px;
18832
+ }
18833
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
18834
+ left: 0;
18835
+ }
18836
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
18837
+ left: 25px;
18838
+ }
18839
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
18840
+ font-size: 0.75rem;
18841
+ }
18842
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
18843
+ left: 25px;
18844
+ }
18845
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
18846
+ margin-left: 58px;
18847
+ }
18848
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
18849
+ left: 25px;
18850
+ }
19127
18851
  }
19128
18852
 
19129
18853
  .toggle-switch-label {
@@ -19141,33 +18865,72 @@ label.toggle-switch.disabled {
19141
18865
  line-height: 25px;
19142
18866
  margin-right: 8px;
19143
18867
  }
18868
+ @media (max-width: 767.98px) {
18869
+ .toggle-switch-text-left {
18870
+ line-height: 25px;
18871
+ }
18872
+ }
19144
18873
 
19145
18874
  .toggle-switch-text-right {
19146
18875
  display: inline-flex;
19147
18876
  line-height: 25px;
19148
18877
  margin-left: 8px;
19149
18878
  }
18879
+ @media (max-width: 767.98px) {
18880
+ .toggle-switch-text-right {
18881
+ line-height: 25px;
18882
+ }
18883
+ }
18884
+
18885
+ .simple-toggle-switch.toggle-switch {
18886
+ align-items: center;
18887
+ display: inline-flex;
18888
+ }
18889
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
18890
+ line-height: 1;
18891
+ margin-bottom: 0;
18892
+ max-width: calc( 100% - 58px );
18893
+ }
18894
+ @media (max-width: 767.98px) {
18895
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
18896
+ max-width: calc( 100% - 58px );
18897
+ }
18898
+ }
18899
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
18900
+ margin-right: 0.5rem;
18901
+ }
18902
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
18903
+ margin-left: 0.5rem;
18904
+ }
19150
18905
 
18906
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
18907
+ order: 5;
18908
+ }
18909
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
18910
+ order: 5;
18911
+ }
18912
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
18913
+ margin-right: 0.5rem;
18914
+ }
19151
18915
  .tooltip {
19152
18916
  display: block;
19153
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18917
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
19154
18918
  font-size: 0.875rem;
19155
18919
  font-style: normal;
19156
18920
  font-weight: 400;
19157
18921
  letter-spacing: normal;
19158
- line-break: auto;
19159
18922
  line-height: 1.5;
19160
18923
  margin: 0;
19161
18924
  opacity: 0;
19162
18925
  position: absolute;
19163
18926
  text-align: left;
19164
- text-align: start;
19165
18927
  text-decoration: none;
19166
18928
  text-shadow: none;
19167
18929
  text-transform: none;
19168
18930
  white-space: normal;
19169
18931
  word-break: normal;
19170
18932
  word-spacing: normal;
18933
+ overflow-wrap: break-word;
19171
18934
  word-wrap: break-word;
19172
18935
  z-index: 1070;
19173
18936
  }
@@ -19186,7 +18949,6 @@ label.toggle-switch.disabled {
19186
18949
  content: "";
19187
18950
  position: absolute;
19188
18951
  }
19189
-
19190
18952
  .tooltip-inner {
19191
18953
  background-color: #000;
19192
18954
  border-radius: 0.25rem;
@@ -19267,38 +19029,6 @@ label.toggle-switch.disabled {
19267
19029
  left: 0;
19268
19030
  }
19269
19031
 
19270
- .clay-tooltip-bottom .arrow,
19271
- .clay-tooltip-top .arrow {
19272
- left: 50%;
19273
- margin-left: -0.4rem;
19274
- }
19275
-
19276
- .clay-tooltip-bottom-left .arrow,
19277
- .clay-tooltip-top-left .arrow {
19278
- left: 0.25rem;
19279
- }
19280
-
19281
- .clay-tooltip-bottom-right .arrow,
19282
- .clay-tooltip-top-right .arrow {
19283
- right: 0.25rem;
19284
- }
19285
-
19286
- .clay-tooltip-left .arrow,
19287
- .clay-tooltip-right .arrow {
19288
- margin-top: -0.4rem;
19289
- top: 50%;
19290
- }
19291
-
19292
- .clay-tooltip-left-bottom .arrow,
19293
- .clay-tooltip-right-bottom .arrow {
19294
- bottom: 0.25rem;
19295
- }
19296
-
19297
- .clay-tooltip-left-top .arrow,
19298
- .clay-tooltip-right-top .arrow {
19299
- top: 0.25rem;
19300
- }
19301
-
19302
19032
  .clay-tooltip-bottom,
19303
19033
  .clay-tooltip-bottom-left,
19304
19034
  .clay-tooltip-bottom-right {
@@ -19307,6 +19037,8 @@ label.toggle-switch.disabled {
19307
19037
  .clay-tooltip-bottom .arrow,
19308
19038
  .clay-tooltip-bottom-left .arrow,
19309
19039
  .clay-tooltip-bottom-right .arrow {
19040
+ left: 50%;
19041
+ margin-left: -0.4rem;
19310
19042
  top: 0;
19311
19043
  }
19312
19044
  .clay-tooltip-bottom .arrow::before,
@@ -19324,7 +19056,15 @@ label.toggle-switch.disabled {
19324
19056
  left: 50%;
19325
19057
  top: 0;
19326
19058
  }
19327
-
19059
+ .clay-tooltip-bottom-left .arrow {
19060
+ left: 0.25rem;
19061
+ margin-left: 0;
19062
+ }
19063
+ .clay-tooltip-bottom-right .arrow {
19064
+ left: auto;
19065
+ margin-left: 0;
19066
+ right: 0.25rem;
19067
+ }
19328
19068
  .clay-tooltip-left,
19329
19069
  .clay-tooltip-left-bottom,
19330
19070
  .clay-tooltip-left-top {
@@ -19334,7 +19074,9 @@ label.toggle-switch.disabled {
19334
19074
  .clay-tooltip-left-bottom .arrow,
19335
19075
  .clay-tooltip-left-top .arrow {
19336
19076
  height: 0.8rem;
19077
+ margin-top: -0.4rem;
19337
19078
  right: 0;
19079
+ top: 50%;
19338
19080
  width: 0.4rem;
19339
19081
  }
19340
19082
  .clay-tooltip-left .arrow::before,
@@ -19352,7 +19094,15 @@ label.toggle-switch.disabled {
19352
19094
  right: 0;
19353
19095
  top: 50%;
19354
19096
  }
19355
-
19097
+ .clay-tooltip-left-bottom .arrow {
19098
+ bottom: 0.25rem;
19099
+ margin-top: 0;
19100
+ top: auto;
19101
+ }
19102
+ .clay-tooltip-left-top .arrow {
19103
+ margin-top: 0;
19104
+ top: 0.25rem;
19105
+ }
19356
19106
  .clay-tooltip-right,
19357
19107
  .clay-tooltip-right-bottom,
19358
19108
  .clay-tooltip-right-top {
@@ -19363,7 +19113,9 @@ label.toggle-switch.disabled {
19363
19113
  .clay-tooltip-right-top .arrow {
19364
19114
  height: 0.8rem;
19365
19115
  left: 0;
19116
+ margin-top: -0.4rem;
19366
19117
  width: 0.4rem;
19118
+ top: 50%;
19367
19119
  }
19368
19120
  .clay-tooltip-right .arrow::before,
19369
19121
  .clay-tooltip-right-bottom .arrow::before,
@@ -19380,7 +19132,15 @@ label.toggle-switch.disabled {
19380
19132
  left: 0;
19381
19133
  top: 50%;
19382
19134
  }
19383
-
19135
+ .clay-tooltip-right-bottom .arrow {
19136
+ bottom: 0.25rem;
19137
+ margin-top: 0;
19138
+ top: auto;
19139
+ }
19140
+ .clay-tooltip-right-top .arrow {
19141
+ margin-top: 0;
19142
+ top: 0.25rem;
19143
+ }
19384
19144
  .clay-tooltip-top,
19385
19145
  .clay-tooltip-top-left,
19386
19146
  .clay-tooltip-top-right {
@@ -19390,6 +19150,8 @@ label.toggle-switch.disabled {
19390
19150
  .clay-tooltip-top-left .arrow,
19391
19151
  .clay-tooltip-top-right .arrow {
19392
19152
  bottom: 0;
19153
+ left: 50%;
19154
+ margin-left: -0.4rem;
19393
19155
  }
19394
19156
  .clay-tooltip-top .arrow::before,
19395
19157
  .clay-tooltip-top-left .arrow::before,
@@ -19406,7 +19168,15 @@ label.toggle-switch.disabled {
19406
19168
  bottom: 0;
19407
19169
  left: 50%;
19408
19170
  }
19409
-
19171
+ .clay-tooltip-top-left .arrow {
19172
+ left: 0.25rem;
19173
+ margin-left: 0;
19174
+ }
19175
+ .clay-tooltip-top-right .arrow {
19176
+ left: auto;
19177
+ margin-left: 0;
19178
+ right: 0.25rem;
19179
+ }
19410
19180
  .bg-checkered {
19411
19181
  background-image: linear-gradient(45deg, #e9ecef 25%, transparent 25%), linear-gradient(-45deg, #e9ecef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e9ecef 75%), linear-gradient(-45deg, transparent 75%, #e9ecef 75%);
19412
19182
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;